CSS Checkbox 样式独特的类答案

【问题标题】：CSS Checkbox styling unique classesCSS Checkbox 样式独特的类
【发布时间】：2020-05-15 15:32:12
【问题描述】：

有没有一种好方法可以选择具有独特类的input。

目前可以...

input[type="checkbox"]:checked + label {....}

但是如果我想通过类名usethis 来获取标签怎么办？ 代码如下 -

<div class="checkbox">
   <input id="c1" class="rounded-input" type="checkbox" rel="performance" onchange="change()" />
   <label class="usethis" for="c1">Performance</label>
</div>

【问题讨论】：

哪里用过类名usethis？
我在label上编辑了我的sn-p
不清楚你想要达到什么目的。

标签： html css input label

【解决方案1】：

看看这是否有效

input[type="checkbox"]:checked + .usethis {
  color: red;
  font-size: 5rem;  // i have given some random styles here
}

只有当复选框被选中时才会出现这种样式，并且如果页面中有另一个复选框没有标签具有类 .usethis，则此样式不会应用于这些复选框

【讨论】：

太棒了，我担心在选择器中删除 label 会搞砸。谢谢
很高兴为您提供帮助