e[attr]選擇器
選擇具有attr屬性的e元素
button
button
button
button
e[attr="val"]選擇器
選擇具有attr屬性且屬性值等於val的e元素
e[attr^="val"]選擇器
選擇具有attr屬性且屬性值以val開頭的e元素
舉例：
屬性選擇器
屬性選擇器
屬性選擇器
e[attr$="val"]選擇器
選擇具有attr屬性且屬性值以val結尾的e元素
舉例：
div[cladd$='4']e[attr*="val"]選擇器
選擇具有attr屬性且屬性值含有val的e元素
舉例：
div[cladd*='2']:first-child選擇器
表示選擇父元素的第乙個子元素e。簡單點理解就是選擇元素中的第乙個子元素，記住是子元素，而不是後代元素。
舉例：
ol > li:first-child:last-child選擇器
選擇的是元素的最後乙個子元素。比如，需要改變的是列表中的最後乙個「li」的背景色，就可以使用這個選擇器。
舉例：
ol > li:last-child:nth-child(n)選擇器
舉例：
ol li:nth-child(even)p
p:empty
:root選擇器
從字面上我們就可以很清楚的理解是根選擇器，他的意思就是匹配元素e所在文件的根元素。在html文件中，根元素始終是。
:root
/*等同於*/
html
:nth-last-child(n)選擇器
從最後乙個開始算索引。
舉例：
ol > li:nth-last-child(1)e:first-of-type選擇器
匹配同級兄弟元素中的第乙個e元素，of-type 選擇指定型別的元素
舉例：
div span:first-of-typep標籤
span1
span2
span3
span4
e:last-of-type選擇器
匹配同級兄弟元素中的最後乙個e元素，of-type 選擇指定型別的元素
舉例：
div span:last-of-typep標籤
span1
span2
span3
span4
e:nth-of-type選擇器
匹配同級兄弟元素中的最後乙個e元素，of-type 選擇指定型別的元素
舉例：
div span:nth-of-type(2)p標籤
span1
span2
span3
span4
偽類選擇器權重為10
3、偽元素選擇器
常用
e::before和e::after
div::befor
div::after
":" 與 "::" 區別在於區分偽類和偽元素
偽元素和標籤選擇器一樣，權重為1
e::first-letter
p::first-letter/* 首行特殊樣式 */
p::first-line
p::selectioncss3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
css3 選擇器 nth child 選擇問題
nth child 是乙個偽類選擇器，它並不會按照標籤的順序進行選擇，而是按照順序進行選擇 例子 doctype html p nth child 8 先根據順序選擇第8行，在檢查它是否是p元素，如果是p就是紅色，父元素是body style head 這是標題 h1 1第乙個段落。p 2第二個段落...