CSS Checkbox样式唯一类

Question

是否有很好的方法来选择具有唯一类的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>

Answer 1

看看是否可行

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

此样式只会在选中该复选框时出现，并且如果页面中还有另一个复选框，而标签没有具有.usethis类的标签，则此样式将不会应用于那些复选框