我正在尝试添加一些CSS规则,它只选择href属性以“/ exclusive”结尾的元素。
这样就可以了:
#nav li.level0.level-top > a[href$="/exclusive"] { color: #E51837; }
但是当尝试在 li 元素中应用规则时,该元素是1级上层,它似乎不起作用。我尝试添加选择器,如(:parent,:before,:has),但没有:
#nav li.level0.level-top > a[href$="/exclusive"]::before { float: right; }
HTML:
<ul>
<li class="level0 nav-9 level-top parent">
<a class="level-top" href="/moto">
<span>Moto</span>
</a>
</li>
<li class="level0 nav-10 last level-top">
<a class="level-top" href="/exclusive">
<span>Exclusive</span>
</a>
</li>
</ul>