Use multiple IDs for divs in CSS

Question

I have 3 DIV Elements on a website and this CSS:

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

it only seems to be working on the #box-right element though.

Any ideas?

Answer 1

You have to put

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

Each value on the comma separator list is a selector on its own, it is not combined with the next elements:

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

is equivalent to

#foo {
  something;
}

.class p {
  something;
}

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

Answer 2

Try

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

because it is for all div's anchor tag.

It is better to give a anchor tag class and apply that class directly.

Answer 3

You haven't put the element a to your selector, to understand well your css if you have to conatenate more than a div or a class consider to make a new paragraph to understand well your code like this:

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