6 屬性選擇器

2022-09-11 22:24:21 字數 1053 閱讀 8683

屬性選擇器:根據指定的屬性名稱找到對應的標籤,然後設定屬性的樣式。

= 是絕對等於

*= 是包含等於

^= 以什麼開頭

$= 以什麼結尾

1.a[id]  表示為存在id屬性的元素設定樣式

2.a[id=second] 表示為「id=second」的屬性設定樣式

3.a[class *="links"] 表示為class屬性中包含links屬性的元素設定樣式

4.a[href ^= https] 表示為href中以https開頭的元素設定樣式

5.a[href $= doc]表示為href中以doc結尾的元素設定樣式

6 CSS 屬性選擇器

對帶有指定屬性的 html 元素設定樣式。可以為擁有指定屬性的 html 元素設定樣式,而不僅限於 class 和 id 屬性。注釋 只有在規定了 doctype 時,ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中,不支援屬性選擇。屬性選擇器 下面的例子為帶有 title 屬性的所...

6 CSS屬性選擇器

屬性選擇器 利用標籤的屬性對樣式的生效物件進行選擇。我們在基本選擇器中學過class選擇器和id選擇器,它們也是標籤中的屬性,只是因為這兩個使用頻率很高,因此把它們抽離出來作為兩種獨立的選擇器。我們如果想利用其他系統自帶的屬性去選擇樣式的生效物件,那麼就使用屬性選擇器。格式一 基本選擇器 屬性 意義...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...