备案控制台
开发者社区 云计算 文章 正文

text-decoration:none全局设置为什么不生效

2022-05-16 201
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： text-decoration:none全局设置为什么不生效

a标签全局定义


通常我们想到的就是直接对a标签进行设置，如下

a {
  text-decoration: none;
}


但有时候发现并不能生效，需要把其选择器写具体，如下

.nav ul li a {
  text-decoration:none;
}


主要原理


a的默认样式权重比全局设置的样式高，并且a标签样式不会继承父元素宽高等等一些样式。


在代码查看的时候，你会看到全局设置的样式语句是生效的（没有被划掉），只是在页面上没有体现。



image.png




游客vnfb6svvv42e2
目录
相关文章
G佳伟
|
3天前
|
前端开发 iOS开发
通过css内修改input框placeholder样式
通过css内修改input框placeholder样式
G佳伟
12 1
weixin_836869520
|
8天前
|
前端开发
background-attachment 属性详解
background-attachment 属性详解
weixin_836869520
11 0
龙腾九州
|
1月前
|
前端开发
文本装饰[text-decoration]
文本装饰[text-decoration]。
龙腾九州
13 2
汪末末
|
7月前
|
前端开发
CSS基础：你必须要知道的行高属性 line-height
CSS基础 - 行高属性 line-height
汪末末
93 0
CSS基础：你必须要知道的行高属性 line-height
流烟默
|
1月前
|
Web App开发 前端开发
CSS - 修改输入框placeholder默认颜色
CSS - 修改输入框placeholder默认颜色
流烟默
32 0
编程达人
|
前端开发
css：input元素placeholder样式设置
css：input元素placeholder样式设置
编程达人
172 0
css：input元素placeholder样式设置
黛琳ghz
|
流计算
每日一学—text-decoration 属性
text-decoration 属性的学习文章
黛琳ghz
176 0
每日一学—text-decoration 属性
黛琳ghz
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。white-space属性指定元素内的空白怎样处理。
黛琳ghz
248 0
每日一学—CSS overflow与text-overflow与white-space属性
讓丄帝愛伱
Sublime text3 修改字体和行间距
Sublime text3 修改字体和行间距
讓丄帝愛伱
693 0
hahacai
|
前端开发
css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题
解决网站bug时，发现一个棘手的问题：<input type="checkbox">的复选框选中了没有打钩，经排查，是由于css中“-webkit-appearance: none;”导致的，改成“-webkit-appearance: checkbox”后恢复正常。查询资料：总结如下
hahacai
606 0