试图了解CSS链

Question

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

[type="checkbox"]:checked

我试图在不同的网站上找到这个，我最后理解了伪类，但方括号确实让我感到难过。

感谢阅读。

Answer 1

此[type="checkbox"]是attribute selector

  

<强> [ATTR =值]

     

表示属性名称为attr且其值正好为＆＃34; value＆＃34;的元素。

:checked是：

  

伪类选择器代表任何无线电（<input type="radio">），   复选框（<input type="checkbox">）或选项（<option>中的<select>）   被检查或切换为开启状态的元素。用户可以改变   通过单击元素或选择其他值来显示此状态，   在这种情况下，:checked伪类不再适用于此   元素，但将相关的。

这表示您已选中复选框元素

Answer 2

[type="checkbox"]是attribute selector。

此特定选择器将匹配具有属性type的任何元素，并且该属性的值为checkbox。大多数人会将此识别为input的选择器，但不够具体，只能限于该元素类型。接受type属性的其他元素包括<button> <command>，<embed>，<object>，<script>，<source>，{{1 }和<style>。

在定位特定类型的<menu>时，您经常会看到input预先选择上面的选择器，即input[type="checkbox"]。

Answer 3

方括号指向输入elemet的类型等属性。 在您的情况下，您选择了一个选中的复选框。