怎么在不用jq的情况下选择无某类名的最后一个元素

Question

如下，我想用css拿到d7，前提是one_d是不固定的，我不知道哪几个有one_d<div class="all_d d1"></div><div class="all_d d2"></div><div class="all_d d3"></div><div class="all_d d4"></div><div class="all_d d5 one_d"></div><div class="all_d d6"></div><div class="all_d d7"></div><div class="all_d d8 one_d"></div><div class="all_d d9 one_d"></div>只用css能拿到吗

Answer 1

假设这些元素都是某个父元素（parent）的子元素

var child = parent.firstChild;

var result;

while (child) {

  if (child.nodeType === 1 && child.className.indexOf('one_d') === -1) {

    result = child;

  }

  child = child.nextSibling;

}

// result 即为结果

result;