Question

我有：

<div class=mystyle>
    <input type=checkbox>
    <div>
      <div>  <!---<< the label can be inside here--->
        <div>  <!---<< or here--->
         .....  <<!---< or ????--->
        </div>
       </div>
     </div>

    <div> 
    </div>       
</div>

我有label

的input元素

有没有办法创建一个css选择器来选择它（label），无论它在哪里？

Answer 1

您可以使用.mystyle label{}这适用于mystyle-classed-div中的每个标签。

Answer 2

见这里：我为你做了3个选择器。

如果你想在不同的标签上使用不同的样式，并且所有样式都在div.mystyle中，你可以添加class =＆＃34; unique-class＆＃34;对于每个标签。

http://jsfiddle.net/Preben/gcxsaqw2/1/

<div class=mystyle>
    <input type=checkbox>
    <div>
      <div>  <label class="one">One</label>
        <div>  <label>Two</label>
        <label>Three</label>
        </div>
       </div>
     </div>

    <div> 
    </div>       
</div>

CSS：

label {background-color:yellow;}
.mystyle label {background-color:blue;}
label.one {background-color:red;}

如何选择放置在未知级别的元素

2 个答案: