CSS - 父母下任何位置的第一个元素的选择器

如何在不必使用特定的div的情况下为“标签1”选择器？我认为#wrapper label:first-of-type会做的伎俩，但似乎是选择每个标签。CSS - 父母下任何位置的第一个元素的选择器

<div id="wrapper"> 
    <div class="row"> 
     <div class="content-1"> 
      <label>Label 1</label> 
     </div> 
     <div class="content-2"> 
      <label>Label 2</label> 
     </div> 
     <div class="content-3"> 
      <label>Label 3</label> 
     </div> 
     <div class="content-4"> 
      <label>Label 4</label> 
     </div> 
    </div> 
</div>

来源

2017-10-05 noclist

#wrapper label:first-of-type是行不通的，因为每个label是第一它的类型之内它的直接父。这是关键，这些选择器总是相对于直接父母。

所以，你可以做这样的事情：

#wrapper div:first-child > label

这将选择任何label元件，其一个div的直接子这是第一个孩子在它的父

来源

2017-10-05 15:27:58

疑难杂症，所以真的没有办法只选择“包装的ID下的第一个标签”？ – noclist

@noclist不幸的是，不，没有这种结构 –

使用第n个孩子

#wrapper .content-1:nth-child(1) label{ 
 
background: red; 
 
}

<div id="wrapper"> 
 
    <div class="row"> 
 
     <div class="content-1"> 
 
      <label>Label 1</label> 
 
     </div> 
 
     <div class="content-2"> 
 
      <label>Label 2</label> 
 
     </div> 
 
     <div class="content-3"> 
 
      <label>Label 3</label> 
 
     </div> 
 
     <div class="content-4"> 
 
      <label>Label 4</label> 
 
     </div> 
 
    </div> 
 
</div>

来源

2017-10-05 15:27:51

CSS - 父母下任何位置的第一个元素的选择器

回答

相关问题