CSS无法检查焦点

Question

我在html中有以下代码：

<nav class="box">
    <div class="logo">
        <button class="c-hamburger c-hamburger--htx linksbuendig">
            <span>toggle menu</span>
        </button>(...)
    </div>
</nav>

    <div class="relative box">

        <div class="nav">
            <ul>
                <li>
                    <a href="login.php">Login</a>
                </li>
            </ul>
        </div>

这在CSS中：

.c-hamburger:focus ~ div.nav {
margin:0;}

所以如果按钮被聚焦，div应该改变边距。但它不会起作用，直到我使用类nav直接在div上复制按钮1到1的代码。为什么会这样，我可以改变什么？只是复制解决问题直到现在，但随后是整个页面被破坏，因为在其他之间还有其他元素。 JS或某事。这是不允许的。请只使用CSS resp HTML。 事先：谢谢！