如何避免 a 标签的 text-decoration 属性影响该节点下的其他标签-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何避免 a 标签的 text-decoration 属性影响该节点下的其他标签

2016-03-24 15:52:03 2195 1

html 代码:

helloworld​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
我希望指针移到链接上的时候,只有 hello 具备下划线,于是这么写 CSS:

​a { text-decoration: none; }
a:hover { text-decoration: underline; }

a span { color: red; }
a:hover span { color: green; text-decoration: none; }
但是,运行的结果并没有预想的那样,运行的结果显示 span 可以拥有自己的 color 属性,但 text-decoration 却从 a 那儿继承了,导致 span 标签也同时出现了下划线,这该如何解释?

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:12:55

    span标签没有下划线,那个下划线是a标签的,因为你的span是写在a标签里面的

    0 0
相关问答

0

回答

i-2585orsrc和i-25yewg812之间组播不通

2018-11-14 18:58:38 672浏览量 回答数 0

4

回答

如何开通short_open_tag(短标签)

2016-02-29 10:57:46 4542浏览量 回答数 4

2

回答

你好,我想请问下,我现在的临时域名是指向在了htdocs目录的下一级目录,如何指向回到htdocs根目录呢?

2016-03-02 14:22:28 2192浏览量 回答数 2

1

回答

text-decoration:line-through不垂直居中

2016-06-07 19:19:50 2813浏览量 回答数 1

1

回答

spring-data-mongo 该如何连接到其他的库 而不是默认的test库?

2016-06-15 15:19:46 2277浏览量 回答数 1

2

回答

[@徐雷frank][¥20]如何生成唯一序列号ID

2018-11-22 15:43:51 2423浏览量 回答数 2

1

回答

去掉文本超级链接的下划线,a {text-decoration:none},这一代码正确吗?

2021-11-22 18:32:03 171浏览量 回答数 1

1

回答

去掉文本超级链接的下划线,a {text-decoration:none},这一代码正确吗?

2021-11-22 19:31:12 193浏览量 回答数 1

0

回答

大家知道 flink sql 消费kafka如何感知动态添加topic吗? topic-patt

2022-08-12 10:19:55 97浏览量 回答数 0

1

回答

2020年618大促场景中,事件/ 属性/ 监听是什么意思?

2022-10-25 15:56:18 505浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载