html - :target selector doesn't work with option tags

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>