Question

如果菜单打开，我正在尝试设置按钮的背景颜色。打开时菜单的类是client-menu-open。按钮的类是client-header button。有没有办法只在菜单打开时设置按钮的颜色？我尝试了.client-menu-open ~ .client-header button，.client-menu-open .client-header button ...无法正常工作。

这是HTML：

<body>
    <div>
        <header>
            <button class="client-header button"/>
        </header>
        <div class="client-menu client-menu-open">...</div>
    </div>
</body>

Answer 1

我认为（假设已添加类菜单打开，未交换）：

.client-header button client-menu-open {
background-color: #abcdef;
}

Answer 2

如果您的CSS全部在一行中.class.class。如果它是div中的div .class .class。

所以它应该是：

.client-menu.client-menu-open

的

<div class="client-menu client-menu-open">

只有在使用HTML元素时，才能使用#或.进行选择。

您无法返回先前嵌套的元素。您可以使用Javascript执行此操作，但您的问题仅基于CSS。

基于选择器的CSS选择器？

2 个答案: