CSS 屬性選取器

標籤：屬性選取器   例子   空格   school   pre   blank   注釋   包含   sch   

對帶有指定屬性的 HTML 元素設定樣式。

可以為擁有指定屬性的 HTML 元素設定樣式，而不僅限於 class 和 id 屬性。

注釋：只有在規定了 !DOCTYPE 時，IE7 和 IE8 才支援屬性選取器。在 IE6 及更低的版本中，不支援屬性選擇。

屬性選取器

下面的例子為帶有 title 屬性的所有元素設定樣式：

[title]{color:red;}

屬性和值選取器

下面的例子為 title="W3School" 的所有元素設定樣式：

[title=W3School]{border:5px solid blue;}

屬性和值選取器 - 多個值

下面的例子為包含指定值的 title 屬性的所有元素設定樣式。適用於由空格分隔的屬性值：

[title~=hello] { color:red; }

親自試一試

下面的例子為帶有包含指定值的 lang 屬性的所有元素設定樣式。適用於由連字號分隔的屬性值：

[lang|=en] { color:red; }

CSS 屬性選取器