Question

我只需要CSS而不是jQuery这样做，有没有办法，当我点击一个div时，我可以在CSS中说另一个div必须是display: block;？

我只使用:active，但它不是我需要的，所以我希望你们知道另一种方法：）

PS：不是jQuery！

代码：

.dropdown-submenu:active > .dropdown-menu {
    display: block;
}

Answer 1

您可以使用Checkbox技巧

<input type="checkbox" id="toggle">
<label for="toggle">Click me!</label>
<div class="dropdown-menu">Contain</p>


.dropdown-menu {
    display: none;
}

input[type=checkbox]:checked ~ .dropdown-menu {
    display: block;
}

input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

label {
    display: block;
    font-weight: bold;
}

焦点方式：

<span tabindex="0">Click button</span>
<div class="dropdown-menu">Contain</p>

span:focus ~ .dropdown-menu {
    display: block;
}

您可以使用position隐藏复选框或显示none。通过此处的演示http://tympanus.net/codrops/2012/12/17/css-click-events/

查看详细信息

CSS在点击时保持该位置

1 个答案: