使用CSS选择最后一个可见的孩子

Question

如何使用CSS选择最后一个可见的孩子

<div>
   <span>1</span>
   <span>2</span>
   <span>3</span> <!— last visible child —>
   <span style=“display:none”>4</span>
   <span style=“display:none”>5</span> <!— last child —>
</div>

Answer 1

使用function addval(e){ var input = document.getElementById('myInput'); input.value += ' '+e; } ，您可以为最后一个可见的孩子添加CSS

jquery

$('span:visible:last').css('color', 'red');