選擇符
簡介e[att]
選擇具有att屬性的e元素
e[att=「val」]
選擇att屬性為val的e元素
e[att^=「val」]
匹配att屬性開頭為val的e元素
e[att$=「val」]
匹配具有att屬性、且其值以val結尾的e元素
e[att*=「val」]
匹配具有att屬性、且值中含有val的e元素
e[att~=「val」]
匹配具有att屬性，且值中包含val且val前有空格的e元素
注意：類選擇器、屬性選擇器、偽類選擇器權重都為10。
選擇符簡介
e:first-child
匹配父元素中的第乙個子元素e
e:last-child
匹配父元素中的最後乙個子元素e
e:nth-child（n）
匹配父元素中的第n個子元素e
e:first-of-type
指定型別e的第乙個
e:last-of-type
指定型別e的最後乙個
e:nth-of-type
指定型別e的第n個
說明：nth-child（n）1、n可以是數字、關鍵字（add、even）和公式；
2、公式中，n從0開始計數；
2、通常，第0個或超出元素會被忽略；
1、before和after必須有content屬性；2、before在內容的前面，after在內容的後面；
3、before和after都會建立乙個
行內元素；
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
CSS3 選擇器 偽類選擇器
e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類，如 link ...