假设有一个列表如下所示:
<ul class="list">
<li class="item">Text</li>
<li class="item unique">Text</li>
<li class="item unique">Text</li> // <-- Should be selected
<li class="item">Text</li>
<li class="item unique">Text</li>
<li class="item unique">Text</li>
<li class="item unique">Text</li> // <-- Should be selected
<li class="item">Text</li>
<li class="item unique">Text</li> // <-- Should be selected
<li class="item">Text</li>
<ul>
我试图找到一种方法来选择类为unique
的所有列表项,但前提是此项是组中的最后一项,这意味着不应选择此项之前的类为unique
的所有列表项。
如果HTML结构不能改变,有没有办法达到预期的行为?
1条答案
按热度按时间s5a0g9ez1#
如果可以使用
:has
(Firefox目前不支持),则可以是:More about
:has()
示例:(与Firefox、IE和旧版浏览器不兼容)
第一次
如果
:has
不是一个选项,也许可以使用一些Javascript代码作为后备解决方案。示例:(使用Javascript的回退解决方案)
第一个