如何在我自己的级别选择一个特定的div

Question

我有：

<div class=mystyle>
    <input type=checkbox>
    <div>
      <div>
        <div>
         .....
        </div>
       </div>
     </div>

    <div>// this is what I want 
    </div>


</div>

我想创建一个css样式，以应用于同一元素级别的最后一个div，或者也可以是第二个div ...

我想我可以使用[attribute]方法但是......有没有办法使用另一个选择器？ 我可以在mystyle输入中有多个input-div-div结构：checked？

Answer 1

你可以使用

input ~ div:last-of-type {
   color: green;
}

此选择器将选择div

的最后一个同级input

示例：http://codepen.io/anon/pen/pvwEoB