這些天在做筆記的時候發現自己對偽類和偽元素區分的還是不夠清楚 。我就到網上收集了各種之資料,我也是弄清楚了它們之間 的區別，相信看了這篇部落格你也會更加清楚。
偽類用於選擇dom樹之外的資訊，包含那些 匹配指定狀態的元素 ，比如:visited，:active；或是 不能用簡單選擇器進行表示的資訊 ，後者包含那些滿足一定邏輯條件的dom樹中的元素，比如:first-child，:first-of-type，:target。
:active 選擇正在被啟用的元素（匹配指定狀態）
:hover 選擇被滑鼠懸浮著的元素（匹配指定狀態）
:link 選擇未被訪問的元素 （匹配指定狀態）
:visited 選擇已被訪問的元素（匹配指定狀態）
:first-child 選擇滿足是其父元素的第乙個子元素的元素
:lang(value) 選擇帶有指定 lang 屬性的元素
:focus 選擇擁有鍵盤輸入焦點的元素
:enable 選擇每個已啟動的元素
:disable 選擇每個已禁止的元素
:checked 選擇每個被選中的元素
:target 選擇當前的錨點元素
:first-of-type 選擇滿足是其父元素的第乙個某型別子元素的元素
:last-of-type 選擇滿足是其父元素的最後乙個某型別子元素的元素
:only-of-type 選擇滿足是其父元素的唯一乙個某型別子元素的元素
:nth-of-type(n) 選擇滿足是其父元素的第n個某型別子元素的元素
:nth-last-of-type(n) 選擇滿足是其父元素的倒數第n個某型別的元素
:only-child 選擇滿足是其父元素的唯一乙個子元素的元素
:last-child 選擇滿足是其父元素的最後乙個元素的元素
:nth-child(n) 選擇滿足是其父元素的第n個子元素的元素
:nth-last-child(n) 選擇滿足是其父元素的倒數第n個子元素的元素
:empty 選擇滿足沒有子元素的元素
:in-range 選擇滿足值在指定範圍內的元素
:out-of-range 選擇值不在指定範圍內的元素
:invalid 選擇滿足值為無效值的元素
:valid 選擇滿足值為有效值的元素
:not(selector) 選擇不滿足selector的元素
:optional 選擇為可選項的表單元素，即沒有「required」屬性
:read-only 選擇有"readonly"的表單元素
:read-write 選擇沒有"readonly"的表單元素
:root 選擇根元素
p:first-child，表示選擇的元素既要是p標籤，又要是其父元素的第乙個子元素，不要錯認為是表示p元素的第乙個子元素；
同理，p:first-of-type表示選擇的元素既要是p標籤，又要是其父元素的第乙個p標籤元素。
偽元素為dom樹沒有定義的虛擬元素。不同於其他選擇器，它不以元素為最小選擇單元，它選擇的是元素指定內容。比如::before表示選擇元素內容的之前內容，也就是""；::selection表示選擇元素被選中的內容。
::first-letter 選擇指定元素的第乙個單詞
::first-line 選擇指定元素的第一行
::after 在指定元素的內容前面插入內容
::before 在指定元素的內容後面插入內容
::selection 選擇指定元素中被使用者選中的內容
在css3中，偽元素以::開頭，但因為css1、css2的歷史原因，瀏覽器對以:開頭的偽元素也繼續支援，但建議規範書寫為::開頭。
KMP演算法 看一遍解決
c語言例項 總結為什麼要用kmp演算法 kmp演算法 kmp演算法主要用於查詢字串，是 d.e.knuth j,h,morris 和 v.r.pratt 三位神人共同提出的，稱之為 knuth morria pratt 演算法，簡稱 kmp 演算法。該演算法相對於 brute force 暴力 演算...
職場故事 一天看一遍
低調的力量 一壯小伙牽了一價值百萬的純種藏獒出來遛彎。逢人便炫耀狗好，人要是沒個四五百斤力量的拽都拽不住。這時候看路邊一禿頂老頭，身邊還坐乙隻毛都快要掉光了的狗。他的藏獒對那狗一頓嚎叫，那老狗理都沒理藏獒。小伙不樂意了。說道 老頭，你那狗那麼大，是什麼狗啊？咱倆的狗鬥一下？你的狗輸了給我500，我的...
每次不想學習就看一遍
你要是天天一大早六點起床，吃頓好飯，奔去教室背兩篇新三，八點坐直在教室的前排，使勁不分心不玩手機地聽完三節還是四節課，課間練字背單詞看報紙，放學奔去食堂搶份好飯，回宿舍吃完，洗洗衣服拖拖地消化下，再聽 一倍速聽完聽1.5，1.5聽完聽2倍，聽困了 歇中覺，下午繼續坐直在前排聽完三節課，放學去食堂搶個...