Używaj wielu identyfikatorów dla div w CSS

Question

Mam 3 DIV elementów na stronie i ten CSS:

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

tylko wydaje się działać na elemencie #box-right chociaż.

Wszelkie pomysły?

Answer 1

Musisz umieścić

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

każdej wartości na liście separator przecinek jest selektorem na własną rękę, nie łączy się z kolejnych elementów:

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

jest równoważna

#foo { 
    something; 
} 

.class p { 
    something; 
} 

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

Answer 2

Nie wstawiłeś elementu a do selektora, aby dobrze zrozumieć swoje css, jeśli musisz natenate ponad div class lub rozważyć, aby nowy paragraf, aby dobrze zrozumieć swój kod tak:

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

Answer 3

Spróbuj

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

ponieważ jest dla wszystkich kotwicy tagu div.

Lepiej podać klasę znaczników zakotwiczenia i zastosować ją bezpośrednio.