1、#id : 根據給定的ID匹配一個元素
顯示(用加粗的代替顔色):
這是第一個p标簽
這是第一個p标簽
2、* : 匹配所有元素,多用于結合上下文來搜索
顯示 :
這是p标簽
這是div标簽
3、多選擇器selector1,selector2,selectorN : 指定任意多個選擇器,并将匹配到的元素合并到一個結果内
顯示:
這是第一個p标簽
這是第二個p标簽
這是第一個div标簽
顯示:
這是第一個span标簽
這是第二個span标簽
5、prev next : 匹配所有緊接在 prev 元素後的 next 元素
顯示:
這是第一個p标簽
這是第二個p标簽
6、prev ~ siblings : 匹配 prev 元素之後的所有 siblings 同輩元素
顯示:
這是第一個p标簽
這是第二個p标簽
這是第三個p标簽
7、:first : 獲取第一個元素
顯示:
這是第一個p标簽
這是第二個p标簽
這是第三個p标簽
8、:not(selector) : 去除所有與給定選擇器匹配的元素
顯示:
這是第一個p标簽
這是第二個p标簽
這是第三個p标簽
9、:even : 匹配所有索引值為偶數的元素,從 0 開始計數
顯示:
這是索引值為0的p标簽
這是索引值為1的p标簽
這是索引值為2的p标簽
這是索引值為3的p标簽
10、:odd : 匹配所有索引值為奇數的元素,從 0 開始計數
顯示:
這是索引值為0的p标簽
這是索引值為1的p标簽
這是索引值為2的p标簽
這是索引值為3的p标簽
11、:last() : 獲取最後個元素
顯示:
這是第一個p标簽
這是第二個p标簽
這是第三個p标簽
12、:gt(index) : 匹配所有大于給定索引值的元素
顯示:
這是索引值為0的p标簽
這是索引值為1的p标簽
這是索引值為2的p标簽
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!