Удаление эффекта Hover для определенного тега
Как удалить эффект наведения на моем теге h3 (светло-серый эффект наведения). Это все еще должна быть ссылка, поэтому я поместил ее в свой тег «а».
.speakers a {
color: var(--clr-grey);
}
.speakers a:hover {
color: var(--clr-lgrey);
}<div class = "speakers">
<a href = "#">
<h3>Tessa Harmon</h3>
Crafty Coding: Generating Knitting Patterns
</a>
<a href = "#">
<h3>Russ Unger</h3>
From Muppets to Mastery: Core UX Principles from Mr. Jim Henson
</a>
</div>какой эффект наведения вы хотите «удалить»? Насколько я вижу, вы добавляете тот же цвет при наведении курсора, что и в состоянии по умолчанию. Разве это не работает?
используйте cursor: default;, если вы хотите удалить значок указателя при наведении на ссылку
@AmirSaleem Я пытаюсь удалить эффект наведения цвета на моем теге <h3>. он станет светло-серым, если он зависнет. но я не хочу, чтобы он применялся к моему тегу h3. хотя я все еще хочу, чтобы мой тег h3 был ссылкой.
@MihaiT Я пытаюсь удалить эффект наведения цвета на моем теге <h3>. он станет светло-серым, если он зависнет. но я не хочу, чтобы он применялся к моему тегу h3. хотя я все еще хочу, чтобы мой тег h3 был ссылкой.
Ответы 1
Тогда просто перезапишите цвет h3 при наведении a.
Смотрите ниже.
.speakers a:hover {
color:blue; /* example purpose */
}
.speakers a {
color: grey;
}
.speakers a:hover h3 {
color: grey
}<div class = "speakers">
<a href = "#">
<h3>Tessa Harmon</h3>
Crafty Coding: Generating Knitting Patterns
</a>
<a href = "#">
<h3>Russ Unger</h3>
From Muppets to Mastery: Core UX Principles from Mr. Jim Henson
</a>
</div>
что вы подразумеваете под эффектом наведения? Вы хотите удалить значок указателя и использовать значок курсора по умолчанию?