我试图在这里帮助其他StackOverflow成员,但发现CSS:target
选择器不适用于选项标签。我创建了一个示例来说明使用w3schools教程,代码是这样的:
: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>
知道为什么吗?难道我做错了什么?
该<option>
标签不仅必须有文字里面,所以会发生什么是浏览器忽略其他标记,并只显示文本。您可以检查呈现的HTML,并且可以看到我在说什么。在这种情况下,呈现为:
<select>
<option>This doesn't work!</option>
<option>Selection2</option>
<option>Selection3</option>
</select>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句