注釋：Internet Explorer 7 （以及更高版本）在規定了 !DOCTYPE 的情況下支持屬性選擇器。IE6 及更低的版本不支持屬性選擇器。

[title]{color:red;}　　//為帶有 title 屬性的所有元素設置樣式：

[title="website"]{color:red;}　　//為 title="W3School" 的所有元素設置樣式：

[title~=hello]{color:red;}　　//為包含指定值的 title 屬性的所有元素設置樣式。適用于由空格分隔的屬性值：

[title|=hello]{color:red;}　　//title屬性值以hello開頭，并用連接符"-"分隔的字符串的E元素。

<a href="#" title="hello-txt-aa"></a>

屬性選擇器在為不帶有 class 或 id 的表單設置樣式時特別有用：

input[type="text"]{color:red;}

注意：以上為CSS2 的應用

============以下為CSS3新增選擇器=================================

E[attr^="val"]　　//選擇具有att屬性且屬性值為以val開頭的字符串的E元素。

E[attr$="val"]　　//選擇具有att屬性且屬性值為以val結尾的字符串的E元素。

E[attr*="val"]　　//選擇具有att屬性且屬性值為包含val的字符串的E元素。

?

?

轉載于:https://www.cnblogs.com/daxian2012/archive/2012/07/09/2583205.html

總結

以上是生活随笔為你收集整理的css属性选择符的应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。