当我添加一个复选框的标签类[duplicate]时，Css停止工作

Question

我真的很抱歉，我知道这是一个很基本的问题。

代码运行良好，除非我尝试将属性应用到另一个对象，在本例中是一个标签。“C”类。我不明白为什么这么基本的东西就不行了。

HTML：

 <button type="button" id="boton" disabled>hi</button>
    <input type="checkbox" id="checky"/>
    <label class="c" id="checkyl" for="checky">etiquette</label>

#boton:disabled:hover + .c {
   font-weight: bold;
}

Answer 1

您可能正在查找常规同级选择器~

#boton:disabled:hover~.c {
  font-weight: bold;
}

<button type="button" id="boton" disabled>hi</button>
<input type="checkbox" id="checky" />
<label class="c" id="checkyl" for="checky">etiquette</label>