html - 使用 HTML 属性作为 CSS 选择器

Question

使用 CSS 设置 html 样式的常见做法是使用 id 或 class 作为选择器。不使用 html 属性作为选择器的原因是什么？

使用 CSS

.success {
 border: 1px solid green;
}

<input class="success"/>

vs 使用 HTML 属性

input[success] {
  border: 1px solid green;
}

<input success />

标签： htmlcss

Answer 1

id 属性唯一地标识页面中的元素……而不仅仅是 CSS。

class 属性提供了您分配给元素的任意类别的列表……而不仅仅是 CSS。

制作自己的属性会导致无效的 HTML，直到语言更改以添加与您制作的新属性发生冲突的点，从而导致浏览器将预期的行为应用于您的元素。