多个ID的Css代码

Question

我的字体是#fff，鼠标悬停是＃3cf。

我很困惑如何使用多个ID和a：hover编写css。

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

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

感谢...

Answer 1

试试这个：

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

Answer 2

如果我理解你的错误，则a - 代码是您#btn* - 代码的子代。比你需要编写这样的代码：

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

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

在这种情况下，如果鼠标悬停color - 标记，则a属性将应用于#btn* - 标记中的a标记。
如果鼠标悬停在color标签上，也可以将#btn*属性应用于其中：

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

您应该阅读更多关于CSS选择器的内容。有good overview on Wikipedia。