id、class都是web元素的属性,因为他们是很常用的属性,所以css选择器专门提供了根据id、class选择的语法。
那么其他的属性呢?
比如:<a href="https://www.baidu.com"> 百度</a> 根据href选择,也可以使用css选择器
css选择器支持通过任何属性来选择元素,语法是用一个方括号[ ]
比如:要选择上面的 a元素,可以使用 [ href = "https://www.baidu.com" ] 即选择属性href值为 https://www.baidu.com 的元素
当然,前面可以加上css表达式,标签名等限制
比如 :
div[ class = 't' ] 表示所有标签名为div,且class属性值为t的元素(属性值用单引号,双引号都可以)
.t[href='https://www.baidu.com'] 表示所有class值为t且href的值为百度链接的元素 注意 .t后面不能加空格
根据属性选择
还可以不指定属性值,比如 : [ href ], 表示选择所有属性名为href的元素,不管它们的值是什么。