文章/答案/技术大牛

发布

社区首页 >问答首页 >当我使用#element:target #target element时，它不工作

问当我使用#element:target #target element时，它不工作
EN

Stack Overflow用户

提问于 2018-12-10 00:02:09

回答 1查看 16关注 0票数 0

所以我试着这样使用:target：

#Menu:target #buttons {
    dipslay: flex !Important;
}

这根本不起作用。它甚至没有显示在DOM中。这是HTML结构：

<a href="#Menu" id="Menu">&#9776;</a>
<span id="buttons">
</span>

将此网站的大小调整为500px，然后单击右上角的蓝色按钮。

在这里，您可以看到当您单击按钮时，菜单正在打开...

发布于 2018-12-10 00:07:45

您的span#buttons在a#Menu标记的外部，但是为了正常工作，它应该在...另外仅供参考，最好使用一个类来标记按钮，以避免将来可能出现的非常通用的ID buttons的重复。

<a href="#Menu" id="menu">
   &#9776;
   <span class="menu-buttons">
   </span>
</a>

CSS将如下所示：

#menu:target .menu-buttons {
    dipslay: flex;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53694102

复制

相似问题

问当我使用#element:target #target element时，它不工作EN