Хром <span>цвет фона

Question

У меня проблема с 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.Может быть, у кого-то есть решение этой проблемы.спасибо!

Answer 1

Идентификатор может быть использован только один раз на веб-сайте. Используйте классы CSS вместо

(замените id = "back-color" на class = "back-color" и используйте .back-color вместо # back-color в вашей таблице стилей css

Answer 2

id используется для ссылки на уникальный элемент, поэтому его многократное использование приведет к неожиданным результатам.

class, с другой стороны, используется для группировки элементоввсе вместе.Например:

<div class="indent">

Вы можете иметь несколько элементов, которые разделяют class.Селектор CSS для ссылки на класс таков:

.indent {
  foo: 'bar';
}

Попробуйте использовать class вместо id и посмотрите, как все работает.