<nav class="">
<a class="nav-item">1</a>
<a class="nav-item">2</a>
<a class="nav-item">3</a>
<a class="nav-item">3</a>
<a class="nav-item">4</a>
</nav>
<button class="mobile-button">Button</button>
上面的代码是我的HTML模板.如果在<nav>类中添加了"Active"，我想将css写到下面的<button>中，我如何 Select 此选项？
请不要把按钮放在导航中，我需要这样做.
如果button紧跟在nav后面，则可以使用next sibling combinator +:
nav.is-active + .mobile-button {
/* styles here */
}
或者，如果是更远的sibling 姐妹，你可以使用~ subsequent sibling combinator:
nav.is-active ~ .mobile-button {
/* styles here */
}
使用:has() pseudo-class时，您还可以指具有活动子对象的父项，然后再指代目标:
body:has(nav.is-active) .mobile-button {
/* styles here */
}
或者就像:
:has(nav.is-active) .mobile-button {
/* styles here */
}