CSS属性选择器与CSS选择器

Question

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

用选择器代替属性选择器有什么好处吗？

感谢之前:)

Answer 1

您的意思有点不清楚，但这篇Mozilla文章可能会提供一些信息：

Writing Efficient CSS (MDN)

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

请注意，本文已经过时了，但一般来说，基于ID的选择器非常有效，而基于属性的选择器效率较低(尽管许多人认为担心css选择器的效率还为时过早)。

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

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

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

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

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

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