title: :target to point to a .class and not to #id
body: <p>is it a way to make the <code>:target</code> to point to a <code>.class</code> instead of a an <code>#id</code> so it can point for more than one element
  a use case:</p>
  
  <pre><code>&lt;style&gt;
  section:target{height: 60px}
  section p:target{color:red}
  &lt;/style&gt;
  
      &lt;div class="menu"&gt;
      &lt;nav&gt;&lt;a href="#foo"&gt;Collapse me&lt;/a&gt;&lt;/nav&gt;
      &lt;nav&gt;&lt;a href="#bar" &gt;Change my color&lt;/a&gt;&lt;/nav&gt;
          &lt;section id="foo"&gt;
              &lt;p id="bar"&gt;hop&lt;/p&gt;
          &lt;/section&gt;
  &lt;/div&gt;
  
  &lt;div class="menu"&gt;
      &lt;nav&gt;&lt;a href="#baz"&gt;Collapse me&lt;/a&gt;&lt;/nav&gt;
      &lt;nav&gt;&lt;a href="#boo"&gt;Change my color&lt;/a&gt;&lt;/nav&gt;
          &lt;section id="baz"&gt;
          &lt;p id="boo"&gt;la&lt;/p&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>imagine that it will work, then you can make the famous "<em>i'm here</em>" in the menu, <strong>collapsing the page</strong> and <strong>showing where the user is</strong> at <strong>the same time</strong>, so imagine, you make a picture for example, then you put <code>opacity:0</code> then when using target you let the value be <code>opacity:1</code></p>