Использовать несколько идентификаторов для 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.
Лучше дать класс тега привязки и применить этот класс напрямую.