我的 Chrome 有问题。我创建了一个网站，html 代码如下所示:
<div id="Content">
<h1><span id="back-color">Heading</span></h1>
<p><span id="back-color">bla bla bla:</span></p>
<ul id="bild-liste">
<li><span id="back-color"><a href="?section=Bilder&ID=1">AAAAAA</span></li>
<li><span id="back-color"><a href="?section=Bilder&ID=2">BBBBBB</span></li>
<li><span id="back-color"><a href="?section=Bilder&ID=3">CCCCCC</span></li>
<li><span id="back-color"><a href="?section=Bilder&ID=4">DDDDDD</span></li>
<li><span id="back-color"><a href="?section=Bilder&ID=5">EEEEEE</span></li>
</ul>
</div>
我的 css 样式表中有趣的部分如下所示:
#back-color
{
background-color: white;
}
所以我只希望字母后面的颜色是白色。这在 Opera 中效果很好，但在 Chrome 中观看该网站时，背景仅在标题后面和“AAAAAA”后面是白色的，而不是在列表的其他元素后面。这很令人困惑，因为它只在 Chrome 中不起作用。也许有人可以解决这个问题。谢谢!
最佳答案
一个 id 只能在一个网站上使用一次。改为使用 css 类
(将 id="back-color"替换为 class="back-color"并在您的 css 样式表中使用 .back-color 而不是 #back-color
关于html - Chrome <span> 背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8125408/