html - 将 CSS 应用于命名 div 中的所有元素

Question

我正在使用 :target 从我的页面中隐藏 div。除了样式仅应用于页面上的第一个 div 之外，效果很好。

我正在使用这个 CSS

#mylist { display:block;}

#mylist:target { display:none;}

我有几个具有相同 div 的元素

<a href="#mylist"> go </a>

<div id="mylist"> item 1 </div >
<div id="mylist"> item 2 </div >
<div id="mylist"> item 3 </div >

我的问题是只有第一个 Div 被隐藏了。我怎样才能遍历所有元素？

或者有其他方法可以实现吗？

Answer 1

您想使用目标属性隐藏元素。此属性仅可用于 anchor 。要将元素定义为 anchor ，您必须设置一个 id。 要一次隐藏多个元素，您必须将父元素声明为 anchor ，然后您可以从中操纵子元素。

在此处查看工作示例:

<div id="mylist">
 <div> item 1 </div>
 <div> item 2 </div>
 <div> item 3 </div>
</div>

http://jsfiddle.net/bLhv19cr/1/

更新 相关评论如下:http://jsfiddle.net/bLhv19cr/3/