1

它是一种使:targetto 指向 a.class而不是 an 的方法，#id因此它可以指向多个元素的用例：

<style>
section:target{height: 60px}
section p:target{color:red}
</style>

    <div class="menu">
    <nav><a href="#foo">Collapse me</a></nav>
    <nav><a href="#bar" >Change my color</a></nav>
        <section id="foo">
            <p id="bar">hop</p>
        </section>
</div>

<div class="menu">
    <nav><a href="#baz">Collapse me</a></nav>
    <nav><a href="#boo">Change my color</a></nav>
        <section id="baz">
        <p id="boo">la</p>
        </section>
    </div>

想象一下它会起作用，然后你可以在菜单中制作著名的“我在这里”，同时折叠页面并显示用户所在的位置，想象一下，例如，你制作一张图片，然后你把opacity:0then使用目标时，您让值是opacity:1

4

1 回答 1

2

这是不可能的，而且这不是:target伪类的使用方式。

URL 中的锚片段一次只能指向一个标识符，因此即使:target查看了类，您也不能一次将样式应用于给定类的多个元素。这就是为什么锚片段对应于 ID，而不是类。

如果您需要定位多个元素，您应该使用其他 CSS 选择器甚至 JavaScript。

于 2012-10-21T11:51:14.337 回答