当前位置:  开发笔记 > 编程语言 > 正文

如何在排除子元素的元素中悬停文本下划线

如何解决《如何在排除子元素的元素中悬停文本下划线》经验,为你挑选了1个好方法。

代码如下:

Blocking irritating text Hong Kong Trip Nov 2015 – Day 3 Itinerary

使用h1.slide-title:hover也会影响span元素中的"阻止刺激性文本".

希望在悬停强调以下文本"港行2015年11月-第3天行程",我不要想了"阻止刺激性文本"当我将鼠标悬停在它出现下划线.

这可能与CSS或jQuery?

编辑:问题不重复,因为我不想编辑HTML.另外作为旁注,我希望元素也可以单独悬停下划线.



1> CoderPi..:

你将不得不改变你不想被影响的元素text-decoration稍微有display: inline-block:

h1.slide-title:hover {
  text-decoration: underline;
}
h1.slide-title a {
  display: inline-block;
  text-decoration: none;
}
h1.slide-title a:hover {
  text-decoration: underline;
}

Blocking irritating text Hong Kong Trip Nov 2015 – Day 3 Itinerary

推荐阅读
保佑欣疼你的芯疼
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有