Вложение классов в css

У меня есть два элемента класса с почти одинаковыми свойствами. Я хочу вложить их обоих.

<a href="test.html" target="_blank">Home</a>
<a href="pics.html" target="_blank">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;
}

Помогите плз!

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 ---
}

licensed under cc by-sa 3.0 with attribution.