页面中有很多个相同class="demo"类名的div元素,如何用css选择第一个class为demo的div？

Question

页面中有很多个相同class="demo"类名的div元素，不一定都在同一个父元素内,如何用css选择第一个class为demo的div？

Answer 1

不知道你是用jq还是原生
var demon_01 = $('.demon').eq(0)
var demon_01 = document.querySelectorAll('.swiper-slide')[0]

Answer 2

不同父元素下，纯css选择器没法做到的，换实现思路，例如换结构或者用js。

Answer 3

$('.demo').eq(0); 这样不就第一个

Answer 4

人家是用css 一堆jQuery鄙视-->

Answer 5

<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

.test:nth-of-type(N) {
  // 第 N 个 div
}
.test:last-child {
  // 最后一个 div
}