Использовать несколько идентификаторов для div в CSS

У меня есть 3 элемента DIV на веб-сайте и этот CSS:

#box-left, #box-middle, #box-right a {
    text-decoration:none;
    color:#000000;
}

он работает только над элементом #box-right.

Любые идеи?

Ответ 1

Вы должны поставить

#box-left a, #box-middle a, #box-right a {
    text-decoration:none;
    color:#000000;
}

Каждое значение в списке разделителей запятой является селектором по отдельности, оно не комбинируется со следующими элементами:

#foo, .class p, #bar p:first-child a {
  something;
}

эквивалентно

#foo {
  something;
}

.class p {
  something;
}

#bar p:first-child a {
  something;
}

Ответ 2

Вы не поместили элемент a в свой селектор, чтобы хорошо понимать ваш css, если вам нужно конкатенировать больше, чем div или класс, подумайте над тем, чтобы новый абзац хорошо понимал ваш код следующим образом:

#box-left a, 
#box-middle a, 
#box-right a {
    text-decoration:none;
    color:#000000;
}

Ответ 3

Try

#box-left a, 
#box-middle a, 
#box-right a {
  text-decoration:none;
  color:#000000;
}

потому что это для всех тегов привязки div.

Лучше дать класс тега привязки и применить этот класс напрямую.