：目標選擇器不能使用選項標籤

Question

我試圖幫助一個同胞StackOverflow成員在這裏，我發現CSS :target選擇器不適用於選項標籤。我已經創建了一個例子使用w3schools tutorial來說明，代碼是這樣的：

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

<select> 
 
    <option><a href="#image1">This doesn't work!</a></option> 
 
    <option><a href="#image2">Selection2</a></option> 
 
    <option><a href="#image3">Selection3</a></option> 
 
</select> 
 

 
<p><a href="#image1">This Works!</a></p> 
 

 
<div id="image1">1</div> 
 
<div id="image2">2</div> 
 
<div id="image3">3</div>

任何想法，爲什麼？難道我做錯了什麼？

Answer 1

的<option>標籤不僅必須有文字裏面，所以會發生什麼是瀏覽器忽略其他標記，並只顯示文本。你可以檢查呈現的HTML，你可以看到我在說什麼。在這種情況下，這渲染爲：

<select> 
    <option>This doesn't work!</option> 
    <option>Selection2</option> 
    <option>Selection3</option> 
</select> 

Answer 2

這是因爲選項不允許其中的其他元素。

唯一的辦法是使用JavaScript我猜/