Вопрос:
У меня есть два класса css
.circle-btn{ } .circle-btn-medium{ }
Тем не менее оба класса имеют свои собственные свойства. Но при наведении свойства я хочу использовать тот же цвет фона для обоих.
Одно из решений, которое я нашел, – это то, что использовать свойство hover seperatly следующим образом
.circle-btn:hover { background-color:#39C11E; } .circle-btn-medium:hover { background-color:#39C11E; }
Поэтому вместо того, чтобы использовать свойство hover отдельно, можно ли использовать это свойство с разными классами одновременно, чтобы я мог оптимизировать свою кодировку?
Лучший ответ:
Вы можете свести к минимуму его, присоединив 2 класс к одному.
.circle-btn:hover , .circle-btn-medium:hover { background-color: #39c11E; } Ответ №1
Вы можете использовать один или два класса в своем html. Таким образом, -medium будет модификатором, который отвечает только за размер.
Например:
CSS:
.circle-btn{ } .circle-btn-medium{ } .circle-btn:hover { background-color:#39C11E; }
HTML:
<!— common circle-btn —> <button class=»circle-btn»>circle button</button> <!— medium circle-btn —> <button class=»circle-btn circle-btn-medium»>circle medium button</button>
Кстати, это бутстрап. Посмотрите, например, на их модификаторы размеров кнопок.