Forms 试图理解CSS链

任何人都可以解释以下代码片段（用于CSS）：

我曾尝试在不同的网站上找到这一点，我最终理解了伪类，但方括号确实让我感到困惑

感谢您的阅读。

[type=“checkbox”]

是一个很好的例子

此特定选择器将匹配具有属性

类型

且该属性的值为

复选框

的任何元素。大多数人会将其识别为和

输入的选择器

，但不够具体，不能局限于该元素类型。接受

类型

属性的其他元素有

，

，

，

，

，

和

当针对特定类型的

输入时，您经常会看到
输入被挂起到与上面类似的选择器，即
输入[type=“checkbox”]
，这
[type=“checkbox”]
是一个

[attr=value]

表示属性名为attr且其值正好为“value”的元素

是:

伪类选择器表示任何无线电（
），
复选框（
）或选项（
中的
）
元素，该元素被选中或切换为打开状态。用户可以更改
通过单击元素或选择不同的值来更改此状态，
在这种情况下，
：checked
伪类不再适用于此
元素，但将与相关元素关联

这意味着您选中了一个checkbox元素
方括号以输入元素的类型等属性为目标。
在您的例子中，您选择的是一个复选框。
。因此，基本上，我选择的是任何值为checkbox的类型属性？如果是这样的话，我能不能用一门课轻松地完成同样的事情？是我不必增加HTML（通过更多类）的唯一优势吗？属性选择器与类具有相同的特殊性，是的，使用类可以实现同样的效果。属性选择器的优点是，您可能不必向标记中添加任何类或ID。如果您无法修改标记，但可以访问样式表，那么这也很方便。
[type="checkbox"]:checked