子串匹配屬性選擇器

2021-07-03 00:00:25 字數 700 閱讀 1895



如果忽略了波浪號,則說明需要完成完全值匹配。

該選擇器等價於我們在類選擇器中討論過的點號類名記法。

也就是說,p.important 和 p[class="important"] 應用到 html 文件時是等價的。

那麼,為什麼還要有 "~=" 屬性選擇器呢?因為它能用於任何屬性,而不只是 class。

img[title~="figure"]
這個規則會選擇 title 文字包含 "figure" 的所有影象。沒有 title 屬性或者 title 屬性中不包含 "figure" 的影象都不會匹配。

親自試一試

下面為您介紹乙個更高階的選擇器模組,它是 css2 完成之後發布的,其中包含了更多的部分值屬性選擇器。按照規範的說法,應該稱之為「子串匹配屬性選擇器」。

很多現代瀏覽器都支援這些選擇器,包括 ie7。

下表是對這些選擇器的簡單總結:

型別描述

[abc^="def"]

選擇 abc 屬性值以 "def" 開頭的所有元素

[abc$="def"]

選擇 abc 屬性值以 "def" 結尾的所有元素

[abc*="def"]

選擇 abc 屬性值中包含子串 "def" 的所有元素

可以想到,這些選擇有很多用途。

a[href*="w3school.com.cn"]

屬性過濾選擇器,子元素過濾選擇器

1.獲取p的文字 段1段2 方法一 p each function index,domele jquery.函式名 是jquery的全域性函式 方法二 var p p each p,function index,domele 2.隔行變色 table eq 0 tr even css backgro...

屬性選擇器,子元素選擇器,偽元素選擇器筆記

屬性選擇器 屬性名稱 屬性名稱 屬性值 子元素選擇器 第n個子元素 元素 nth child 1 最後乙個子元素 元素 last child 全部子元素 test test2 直接子元素 test test2 選擇後面的乙個元素 test div 選擇後面的多個元素 test div偽元素 通過cs...

jQuery子屬性過濾選擇器

1.first child選擇器 用於選擇其父級的第乙個子元素的所有元素,格式 如下 selector first child 如 如下 ul first child css text decoration underline css color blue 2.last child選擇器 用於選擇其...