CSS属性选择器vs CSS选择器

Question

不知何故，我很好奇，为什么CSS创建两种访问属性的方式，我知道大多数人使用的选择器：hover，：visited等等。但是有选择器可以使用属性选择器，例如：：禁用，：只读等。

使用选择器而不是attr选择器有什么好处吗？

由于之前:)

Answer 1

这是一个有点不清楚你的意思到底是什么，但Mozilla文章可能是信息：

Writing Efficient CSS (MDN)

它具有选择类型的很好的概述时，它们是有用的，并且是选择器的一般性能。

请注意，这篇文章是过时的，但基于ID的选择器是非常有效的，基于属性的选择器效率较低（尽管很多人会认为担心你的CSS选择器的效率是相当不成熟的优化）。

但是总的来说，根据页面结构的不同，不同情况下会有不同类型的选择器。

---

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

:hover将适用于大部分元素，:visited将只适用于超链接，:readonly只适用于输入框...

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

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

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