Select 类型的第一个 child

Question

在这个FIDDLE中，如果我有其他child，我如何select第一个child？

<div class="root">
  <div>5</div>
  <div class="child">1</div> // i want this one

</div>
<div class="root">

  <div class="child">2</div> 

</div>
<div class="root">

  <div class="child">3</div> 

</div>

我在下面尝试了这个 css 但它不起作用

.root:first-of-type  .child:first-of-type {
   color: red;
}

Answer 1

它将是：

.root:first-child .child:last-child {
   color: red;
}

https://jsfiddle.net/uLr6o99e/7/

Answer 2

试试下面的代码：

:not(.child) + .child {
   color: red;
}

Select 类型的第一个 child

Select the first child of type

css

css-selectors