Как я могу использовать свойство hover с двумя классами

Вопрос: У меня есть два класса css .circle-btn{ } .circle-btn-medium{ } Тем не менее оба класса имеют свои собственные свойства. Но при наведении свойства я хочу использовать тот же цвет фона для обоих. Одно из решений, которое я нашел, - это то, что использовать свойство hover seperatly следующим образом .circle-btn:hover { background-color:#39C11E; } .circle-btn-medium:hover {

Вопрос:

У меня есть два класса 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>

Кстати, это бутстрап. Посмотрите, например, на их модификаторы размеров кнопок.

Оцените статью
Добавить комментарий