在CSS中嵌套类

Question

我有两个具有几乎相同属性的类元素。 我想要嵌套它们。

<a class="pa"  href="test.html">Home</a>
<a class="pb"  href="pics.html">Pics</a>

他们的CSS是：

.pa:hover {
border: 2px solid #82D900;
background-color: #82D900;
background-color: #82D900;
color: white;
}


.pb:hover {
 border: 2px solid #82D900;
background-color: #82D900;
color: white;
}

帮助PLZ！

Answer 1

如果你有两个具有相同属性的css块，你可以这样加入它们：

.pa:hover, .pb:hover {
    border: 2px solid #82D900;
    background-color: #82D900;
    color: white;
}

如果它们大致相同，你可以将属性设置为如上所述的块，那么它们在自己的块中有不同之处，如：

.pa:hover, .pb:hover {
    --- same properties ---
}

.pa:hover {
    --- properties unique to .pa:hover ---
}

.pb:hover {
    --- properties unique to .pb:hover ---
}