e:pseudo-class
e.class:pseudo-class
語法1示例：
a
:link
a
.selected
:hover
第一種是我們在鏈結中常看到的錨點偽類，如」:link」,」:visited」;
另外一種被稱作使用者行為偽類，如「:hover」,」:active」和」:focus」。
.demo
a:link
/*鏈結沒有被訪問時前景色為灰色*/
.demo
a:visited
/*鏈結被訪問過後前景色為黃色*/
.demo
a:hover
/*滑鼠懸浮在鏈結上時前景色為綠色*/
.demo
a:active
/*滑鼠點中啟用鏈結那一下前景色為藍色*/
把」:enabled」,」:disabled」,」:checked」偽類稱為ui元素狀態偽類，這些主要是針對於html中的form元素操作。
ie6-8不支援」:checked」,」:enabled」,」:disabled」這三種選擇器。
這節內容才是關鍵，也是css3選擇器最新部分，有人也稱這種選擇器為css3結構類。
:nth選擇器
說明:first-child
選擇某個元素的第乙個子元素；
:last-child
選擇某個元素的最後乙個子元素；
:nth-child()
選擇某個元素的乙個或多個特定的子元素；
:nth-last-child()
選擇某個元素的乙個或多個特定的子元素，從這個元素的最後乙個子元素開始算；
:nth-of-type()
選擇指定的元素；
:nth-last-of-type()
選擇指定的元素，從元素的最後乙個開始計算；
:first-of-type
選擇乙個上級元素下的第乙個同類子元素；
:last-of-type
選擇乙個上級元素的最後乙個同類子元素；
:only-child
選擇的元素是它的父元素的唯一乙個了元素；
:only-of-type
選擇乙個元素是它的上級元素的唯一乙個相同型別的子元素；
:empty
選擇的元素裡面沒有任何內容。
選擇某個元素的第乙個子元素。
選擇某個元素的最後乙個子元素。
選擇某個元素的乙個或多個特定的子元素。
使用方法
說明:nth-child(length);
引數是具體數字
:nth-child(n);
引數是n,n從0開始計算
:nth-child(n*length);
n的倍數選擇，n從0開始算
:nth-child(n+length);
選擇大於length後面的元素
:nth-child(-n+length);
選擇小於length前面的元素
:nth-child(n*length+1);
表示隔幾選一
和前面的」:nth-child」不一樣了，他只要是從最後乙個元素開始算，來選擇特定元素。
選擇倒數第幾個元素。
:nth-of-type類似於:nth-child，不同的是他只計算選擇器中指定的那個元素,其實我們前面的例項都是指定了具體的元素。
倒數。第乙個。
最後乙個。
乙個元素是它的父元素的唯一乙個子元素。
:only-of-type是表示乙個元素他有很多個子元素，而其中只有乙個子元素是唯一的，那麼我們使用這種選擇方法就可以選擇中這個唯一的子元素。
:empty是用來選擇沒有任何內容的元素，這裡沒有內容指的是一點內容都沒有，哪怕是乙個空格，比如說，你有三個段落，其中乙個段落什麼都沒有，完全是空的，你想這個p不顯示，那你就可這樣來寫：
p
:empty
選擇元素的第一行
選擇文字塊的第乙個字母
這兩個主要用來給元素的前面或後面插入內容，這兩個常用」content」配合使用，見過最多的就是清除浮動。
Css3選擇器 偽類選擇器
一 動態偽類 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種，第一種是我們在鏈結中常看到的錨點偽類，如 link visited 另外一種被稱作使用者行為偽類，如 hover active 和 focus 對於 hover在ie6下只有a元素支...
css3偽類選擇器
css3偽類選擇器 動態偽類選擇器 他不存在於html中，只有在互動的過程中，才能使用動態偽類選擇器對其進行樣式的渲染 超連結ui元素狀態偽類選擇器 結構偽類選擇器 first child 選擇某個元素的第乙個子元素 last child 選擇某個元素的最後乙個子元素 nth child 選擇某個元...
Css3屬性選擇器與偽類選擇器
其特點是通過屬性來選擇元素，具體有以下 5 種形式 e attr 表示存在attr 屬性即可 div class e attr val 表示屬性值完全等於val div class mydemo e attr val 表示的屬性值裡包含val 字元並且在 任意 位置 div class mydemo...