Вложение классов в 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.