基本選擇器：
1.通配選擇器（*）
2.元素選擇器（eg:p）
3.類選擇器（.class）
4.id選擇器（#..）
高階選擇器：
1.後代選擇器（e（空格）f）
2.子代選擇器（e>f）
3.兄弟選擇器（e+f）
4.通用選擇器（e~f）
結構偽類選擇器：
1.nth-child和nth-last-child
2.nth-of-type（n）和nth-last-of-type（n）
3.nth-last-of-type（n）
4.first-child 和 last-child
基本過濾選擇器：
1.e:first
2.e:last
3.e:not
4.e:even（偶數）
5.e:header（標題選擇器）
6.e：animated（動畫元素選擇器）
7.e：odd（奇數）
8.e：eq（等於）
9.e：gt（大於）
10.e：lt（小於）
內容過濾選擇器：
1>.e：contains:
選取包含指定字串的元素 （eg:"p:contains(is)"）
2>.e:empty:
empty（）方法，是從被選取元素移除所有內容，包括所有文字和子節點
3>.has（）：
將匹配元素集合縮減為擁有匹配指定選擇器或dom元素的後代的子集
4>.e：parent（）：
獲得當前匹配元素集合中每個元素的父元素
屬性過濾選擇器：
1>.attribute:
定義：匹配包含給定屬性的元素
2>.attribute !=value:
定義：匹配給定的屬性是不包含某個特定值的元素
3>.attribute =value:
定義：匹配給定的屬性是某個特定值的元素
4>.attribute^=value：
定義：匹配給定的屬性是以某些值開始的元素
5>.attribute$=value:
定義：匹配給定的屬性是以某些值結尾的元素
6>.attribute*=value:
定義：匹配給定的屬性是以包含某些值的元素
7>.[selector1][selector2][selectorn]（復合選擇器）
定義：復合屬性選擇器，需要同時滿足多個條件時使用
表單選擇器：
1》。e：input 2》。submit
3》。e：text 4》。e：image
5》。e:password 6》。e：reset
7》。e：radio 8》。e：button
9》。e：checkbox 9》。e:file
表單過濾選擇器：
1>.e:enabled:
選擇所有啟用的和元素
2>.e:disabled:
選擇所有禁用的和元素
3>.e:checked:
隱藏所有被選中的元素
4>.e:selected:
隱藏被選擇的下拉框列表選項
css各類選擇器
給某乙個標籤乙個 id，之後可以通過 id 來更改樣式。hello hello css hello 那麼 hello css 的文字會是紅色的。hello hello css 開啟知乎 hello a 發現只有 a 標籤變為紅色。pid this is p標籤 pid p 標籤顏色變化。pid th...
html 選擇器之屬性選擇器
屬性選擇器的主要作用個人的理解就是對帶有指定屬性的元素設定css樣式。使用css3的屬性選擇器，可以指定元素的某個屬性，也可以指定某個屬性和這個屬性所對應的值。css3的屬性選擇器主要包括下面幾種 e attr 只使用屬性名，但沒有確定任何屬性值 e attr value 指定屬性名，並指定了該屬性...
html 選擇器之基礎選擇器
我把css選擇器分開成三部分，第一部分是我們常用的部分，我把他叫做基本選擇器 第二部分我把他稱作是屬性選擇器，第三部分我把他稱作偽類選擇器 一 基礎選擇器 1.萬用字元 選中所有的元素 2.元素選擇器 e 乙個元素作為乙個選擇器，div，ul，dd，span等等 3 類選擇器 class 定義cla...