CSS 復選框樣式獨特的類

Question

有沒有一個好方法來 select 一個具有唯一類的input 。

目前，這將...

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

但是，如果我想通過 class 名稱來獲取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
}

這種樣式只有在選中復選框時才會出現，如果您在頁面上還有另一個復選框，而沒有label，其中ZA2F2ED4F2ED4F8EBCBBC2CBBBBBB4C21A21A29DC40AB61DZ.USETES，則使用此類單。