от
Я занимаюсь разработкой сайта с двумя темами Light и Dark. Я хочу изменить фон наведения ссылок на основе выбранной темы. Как изменить фон наведения при помощи CSS? на белом фоне у меня есть светло-голубой фон для наведения ссылки. на темном фоне я хочу иметь прозрачный фон для ссылки. Я пытался изменить класс с темой, но я не уверен, как написать селектор для hover с изменением класса.

CSS для наведения на ссылку. Это хорошо работает для легкой темы, но я не знаю, как написать селектор, если я изменю класс.
.lead a:hover {
  color: #2161f2;
  background: #f0f4fe;
  text
    

        

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
Анти-спам проверка:
Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

2 Ответы

0 голосов
от
Сделайте так, чтобы код наведения курсора зависел от ссылки. Так что вместо
.lead a:hover { /* ... */ }
напишите это так:
.lead a.top_section_link:hover { /* Light/Default Theme Hover */ }
.lead a.top_section_link_dark:hover { /* Dark Theme Hover */ }
Другой способ - переключить класс только на теге
body
. Это позволяет переключать тему без проверки текущей темы в любом месте вашего кода JS:
body.light

Выбрав этот способ, SCSS
сделает вашу жизнь проще.     
0 голосов
от
Для нацеливания на ссылку, используя имена классов тем, вы можете использовать
a.top_section_link:hover
или
a.top_section_link_dark:hover
.
.lead a:hover {
  color: #2161f2;
  background: #f0f4fe;
  text
...