CSS属性选择器
通过元素(标签)的属性(以及属性的值)选择元素,并应用CSS样式
语法 | 解释 |
---|---|
选择器[属性名] | 选中拥有特定属性的特定元素 |
选择器[属性名=属性值] | 选中拥有特定属性,并且该属性的值为指定的值的特定元素 |
举例:
选中配置了title属性的p元素
p[title]{
font-size: 30px;
}
<body>
<p title="123">这是一个P标签</p>
</body>
选中href="http://www.baidu.com"并且target="_blank"的链接
a[href="http://www.baidu.com"][target="_blank"]{
font-size: 30px;
}
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="#" target="_self">回到顶部</a>
</body>
注意,属性选择器可以有多个[属性名]和[属性名=属性值]