如何在我自己的水平上 select 一个特定的 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:checked ?

中有多个 input-div-div 结构

Answer 1

你可以使用

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

此选择器将选择您的 input

的最后一个兄弟 div

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

如何在我自己的水平上 select 一个特定的 div

How to select a particular div at my own level

css

css-selectors