Question

我想为相邻的同级div元素添加样式，该元素位于div旁边，具有“ top_bar”和“ hide”类。

html代码如下所示，

<body class="active">
    <div id="root">
        <div class="topmost_bar_element">
            <header class="topmost_bar hide"></header>
            <section class="topmost_bar_main">
                <div class="topmost_bar_content">
                    <div class="top_bar hide">
                    <div style="display: flex; height: calc(100% - 28px);"></div>
                </div>
            </section>
        </div>
    </div>
</body>

我尝试过向相邻的兄弟姐妹添加样式，如下所示，

body.active .top_bar.hide + div {
    height: calc(100% - 0px);
}

但是div样式的height属性会覆盖此规则，如下所示，

    height: calc(100% - 28px);

不使用!important怎么解决这个问题？谢谢。

如何使用CSS向相邻的兄弟元素添加样式？

0 个答案: