：目標指向一個.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> 

想象它會工作，那麼你可以讓著名的「我在這裏」菜單，倒塌頁面，顯示用戶所在在同時，所以想象一下，你爲考試做了一張照片ple，那麼你把opacity:0然後當使用目標時，你讓這個值爲opacity:1

Answer 1

這是不可能的，再加上它不是如何:target僞類被使用。

URL中的錨點片段一次只能指向一個標識符，因此即使:target確實查看了類，也無法一次將樣式應用於給定類的多個元素。這就是錨片段與ID對應的原因，而不是類。

如果您需要定位多個元素，則應該使用其他CSS選擇器甚至JavaScript。