如果是获取子元素的第一个,不区分class 可以用 first-child
.demo div:first-child{ color:red; } <div class="demo"> <div class="test">a</div> <div class="test">b</div> <div class="test">c</div> <div class="test">d</div> <div class="test">e</div> <div class="test">f</div> </div>
复制
如果是class 名,可以这样写 ,当要选择的c是连续的可以 用+ 号,不连续的必须用 ~
.demo .c:not(.c ~ .c) { color:red; } <div class="demo"> <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>
复制