相关疑难解决方法(0)

我知道有一个:focus选择器.我似乎无法找到:blur选择器的使用或文档.有吗？

在这个问题" CSS3选择器,像jQuery的.click()？ "我发布了一个回答使用的:checked状态input,type="checkbox"以切换元素的显示.

这是我在答案中发布的演示的HTML:

<input type="checkbox" id="switch" />
<nav>
    <h2>This would be the 'navigation' element.</h2>
</nav>
<label for="switch">Toggle navigation</label>

和CSS(为了简洁而剥离过渡):

#switch {
    display: none;
}
#switch + nav {
    height: 0;
    overflow: hidden;
    /* transitions followed */
}
#switch:checked + nav {
    height: 4em;
    color: #000;
    background-color: #ffa;
    /* transitions followed */
}

label {
    cursor: pointer;
}

JS小提琴演示.

有一次,我张贴发生,我认为我们可以在答案也切换的文本label用于触发复选框的状态变化,使用下面的选择(已修订label的文本'导航’):

label {
    display: inline-block;
    cursor: …