CSS各屬性選擇符區別

2022-08-17 14:12:11 字數 658 閱讀 4399

ele[attribute] 匹配具有屬性attribute的ele元素。

ele[attribute = value] 匹配具有屬性attribute且值為value的元素。

ele[attribute ~= value] 匹配具有屬性attribute且其中乙個值為value的元素。(多個值用空格隔開)

ele[attribute |= value] 匹配具有屬性attribute且其中乙個值為value的元素或者以"value-"開頭的ele元素。

ele[attribute ^= val] 匹配具有屬性attribute且值以val開頭的元素。

ele[attribute

$= val] 匹配具有屬性attribute且值以val結束的元素。

ele[attribute

*= val] 匹配具有屬性attribute且值以包含val的元素。

見**:

hello!

hi!ello!

hi!nihao!

注釋:對於 ie8 及更早版本的瀏覽器中的 [attribute|=value],必須宣告 。

效果圖:

CSS各屬性選擇符區別

ele attribute 匹配具有屬性attribute的ele元素。ele attribute value 匹配具有屬性attribute且值為value的元素。ele attribute value 匹配具有屬性attribute且其中乙個值為value的元素。多個值用空格隔開 ele att...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...