使用：target定位多个ID？

Question

目前我使用<a href="id1"></a>与CSS：target来定位特定标记。 是否可以同时定位多个标签？ 因此，＃id1和id2将同时位于目标中，例如。 ..index.html＃id1＃id2（或类似的东西？）

Answer 1

当您将多个元素与标记样式或类样式结合使用时，可以使用：target选择器对多个元素进行样式化。

Like this on JSFiddle：

HTML
<p><a href="#targetLink">Jump to New content 1</a></p>

<div id="targetLink">
    <p>New content 1...</p>
    <p>New content 2...</p>
</div>

CSS
:target p
{
    border: 2px solid #D4D4D4;
    background-color: #e5eecc;
}

创建div或跨越id目标，然后将目标选择器与元素结合使用。结果是<p>元素内的所有id="targetLink"都将被赋予样式。

通过课程like this JSFiddle获得更多控制权：

HTML
<p><a href="#targetLink">Jump to New content 1</a></p>

<div id="targetLink">
    <p class="here">New content 1...</p>
    <p class="here">New content 2...</p>
    <p>New content 3...</p>
</div>

CSS
:target .here
{
    border: 2px solid #D4D4D4;
    background-color: #e5eecc;
}

再次，制作一个div或跨越你的id目标，然后将目标选择器与一个类结合使用。结果是，具有class="here"的元素内id="targetLink"的所有元素都将被赋予样式。

---

这是a neat tutorial to get a yellow fade using this technique。