隐藏没有javascript的HTML元素,只有CSS

Question

我有一个包含许多这样的元素的html文档

<article class=slide id=s4>
<h1></h1>

<p></p>
</article>

我想要做的就是当链接成为www.mylink.com#s4那时只有id=s4要出现的文章.而另一个消失了.我知道display:none;属性值,但我不知道如何在没有javascript的情况下切换这个值.

提前致谢...

Answer 1

在(IE <9∉现代浏览器)中,您可以使用:target伪类:

section {
    display: none;
}
section:target {
    display: block;
}

此伪类与URL片段中引用的元素匹配.

对于非浏览器,您可以使用条件注释类来显示所有部分和警告消息:

.lt-ie9 section {
    display: block;
}
.ie-warning {
    display: none;
}
.lt-ie9 .ie-warning {
    display: block;
}

(或只是使用Javascript)