我正在尝试为没有 JS 的站点创建一个菜单,其中菜单被隐藏,在翻转时显示,并且在单击时保持打开状态。我找到了一个网站,该网站教授附加 :target 类以激活显示状态的基础知识,但是当尝试添加 :hover 效果时,它似乎覆盖了。这是 JSFIDDLE 链接:
http://jsfiddle.net/shadna/NTXbz/
这是 HTML::
<p>
<a href="#item1">item 1</a>
<a href="#item2">item 2</a>
<a href="#item3">item 3</a>
<a href="#default">clear</a>
<div class="items">
<p id="item1">... item 1...
<p id="item2">... item 2...
<p id="item3">...
<p id="default"><!-- by default, show no text -->
</div>
这是CSS::
div.items p:not(:target) {display: none}
div.items p:target {display: block}
div.items p a:hover {display: block}
谢谢!
小号