CSS 属性选择器用于设置具有特定属性的 HTML 元素的样式
HTML 元素的样式使用特定的属性,而不仅仅是 class 和 id。
注意:IE7和IE8需要声明! 支持属性选择器! IE6及以下版本不支持属性选择器。
属性选择器
以下示例将所有包含标题的元素变为蓝色:
例子
[标题]{颜色:蓝色;}
尝试一下”
属性和值选择器
以下示例更改 title='' 元素的边框样式:
例子
[标题=]{:;}
尝试一下”
属性和值的选择器 - 多值
以下是使用包含指定值的 title 属性设置元素样式的示例,并使用 (~) 分隔属性和值:
例子
[标题~=你好]{颜色:蓝色; }
尝试一下”
以下是包含具有指定值的 lang 属性的元素样式示例,使用 (|) 分隔属性和值:
例子
[lang|=zh]{颜色:蓝色; }
尝试一下”
表格风格
属性选择器样式不需要使用class或id的形式:
例子
输入[类型=“文本”]{宽度:150px;:块;-:10px;-颜色:;}输入[类型=“”]{宽度:120px;-左:35px;:块;}
尝试一下”