css 选择器 获取同名class 第一个元素

如果是获取子元素的第一个，不区分class 可以用 first-child

.e div:first-child{
    color:red;
  }

<div class="e">
      <div class="n">a</div>
      <div class="n">b</div>
      <div class="n">c</div>
      <div class="n">d</div>
      <div class="n">e</div>
      <div class="n">f</div>
    </div>

如果是class 名，可以这样写 ，当要选择的c是连续的可以 用+ 号，不连续的必须用 ~

.a .c:not(.c ~ .c) {
    color:red;
  }
<div class="a">
  <div class="b">1</div>
  <div class="b">2</div>
  <div class="c">3</div>
  <div class="c">4</div>
  <div class="d">d</div>
  <div class="c">5</div>
  <div class="c">6</div>
</div>