从孩子那里得到兄弟姐妹

Question

我需要在检查输入时设置.item样式。

<input>
<span class="item">

我可以使用input:checked ~ .item {}

但是当项目是输入兄弟的孩子时，我怎么得到它：

像这样：

<input>
<div>
  <span class="item"/>
</div>

Answer 1

您可以这样做：

input:checked ~ div .item {}

这是一个小提琴：http://jsfiddle.net/fLQKa/

这会选择同级div，然后选择.item孩子。

Answer 2

使用

input:checked + div > .item

其中

• +是adjacent sibling combinator
• >是child combinator。