用于悬停的CSS,包括所有子元素

Question

我有一个带有悬停风格的可拖动div元素.这工作正常,但div包含一些表单元素(标签,输入).问题是,当鼠标悬停在这些子元素上时,将禁用悬停.

<div class="app_setting">
  <label">Name</label>
  <input type="text" name="name"/>
</div>

.app_setting:hover {
  cursor:move;
}

任何想法如何让悬停也适用于子元素？

Answer 1

.app_setting *:hover { cursor:move }

Answer 2

至少有两种方法:

• *根据garrow的建议,明确地或使用选择器为每个孩子悬停状态.class *:hover
• 级联悬停状态给孩子们 .class:hover *

可能还有其他人