：target指向.class而不指向#id

Question

是一种让:target指向.class而不是#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:0然后当使用目标时你让值为opacity:1 < / p>

Answer 1

这是不可能的，加上它不是如何使用:target伪类。

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

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