以多個id爲目標：target？

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。