复选框的css标签需要为单个类指定

Question

在我的 CSS 文件中，我有一些复选框标签的设置，例如：

.checkboxes label:hover, input[type=checkbox]:checked+label {
  color: white;
  border: 1px solid black;
  background: green;
}

我只希望对使用上述类的复选框进行此设置 .复选框

但是，如果我使用带有复选框的标签，这会影响我的所有输入 type="checkbox"。

如果我使用上面的类，我需要做什么才能只使用这种样式。 即 class="复选框"

感谢您的任何指点。

Answer 1

你需要在第二个选择器前面加上.checkboxes：

.checkboxes label:hover, .checkboxes input[type=checkbox]:checked+label { color: white; border: 1px solid black; background: green; }