Question

不知怎的，我很好奇，为什么CSS创建两种访问属性的方式，我知道我们大多数人都使用的选择器：hover，：visited等。但是有些选择器可以使用属性选择器进行访问，例如:: disable，：readonly等。

使用选择器代替attr选择器有什么好处吗？

之前感谢：）

Answer 1

有点不清楚你究竟是什么意思，但这篇Mozilla文章可能提供了丰富的信息：

它很好地概述了选择器类型，它们是否有用，以及选择器的一般性能。

请注意，这篇文章已过时，但一般来说基于ID的选择器非常有效，而基于属性的选择器效率较低（尽管许多人认为担心css选择器的效率是一个相当不成熟的优化）

但一般来说，根据页面结构的不同，有不同类型的选择器。

此外，:hover和:visited不是属性选择器，它们是“伪类”选择器。

:hover适用于大多数元素，:visited仅适用于超链接，:readonly仅适用于输入框...

在CSS术语中，“属性选择器”是基于HTML属性选择元素的属性选择器。例如，此属性选择器将匹配此元素：

<input type="text" name="some-data" />

[type="text"] {
    ...
}