用于多Ids的Css代码

Question

我的字体是#fff，鼠标上方是#3 3cf。

我很困惑如何使用多个I和a:悬浮来编写css。

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 -tag上，那么a属性将应用到#btn*-tags中的#btn*-tag中。

如果鼠标将color属性悬停在#btn*-tag上，也可以将它们应用于它们：

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

你应该多读一点关于CSS选择器的文章。有一个维基百科综述。

Answer 2

试试这个：

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