Код Css для нескольких идентификаторов

Question

мой шрифт должен быть #fff, а указатель мыши - # 3cf.

Я смущен, как написать css, используя несколько идентификаторов и a: hover.

https://jsfiddle.net/zpupster/0mg4cyLs/

#btn1, #btn2, #btn3 
{ 
    background-color: #003399; 
    color: #FFF; 
} 
    #btn1, #btn2, #btn3, a:hover 
{ 
    color:#3cf; 
} 

благодаря ...

Answer 1

Если я понимаю, что вы исправить, то a -tag ребенок ваших #btn* -tags. Чем вам нужно написать такой код:

#btn1, #btn2, #btn3 
{ 
    background-color: #003399; 
    color: #FFF; 
} 

#btn1 a:hover, 
#btn2 a:hover, 
#btn3 a:hover 
{ 
    color:#3cf; 
} 

В этом случае color свойство будет применено к a в тег в #btn* -tags если мышь парит a -tag.
Также можно применить color свойство к #btn* в тег, если мышь навести их:

#btn1:hover, 
#btn2:hover, 
#btn3:hover 
{ 
    color:#3cf; 
} 

Вы должны прочитать немного больше о CSS селекторов. Существует good overview on Wikipedia.

Answer 2

Попробуйте это:

#btn1, 
#btn2, 
#btn3 { 
    background-color: #003399; 
    color: #FFF; 
} 
#btn1:hover, 
#btn2:hover, 
#btn3:hover, 
a:hover { 
    color:#3cf; 
}