a标签全局定义
通常我们想到的就是直接对a标签进行设置，如下
a { text-decoration: none; }
但有时候发现并不能生效，需要把其选择器写具体，如下
.nav ul li a { text-decoration:none; }
主要原理
a的默认样式权重比全局设置的样式高，并且a标签样式不会继承父元素宽高等等一些样式。
在代码查看的时候，你会看到全局设置的样式语句是生效的（没有被划掉），只是在页面上没有体现。
text-decoration:none全局设置为什么不生效
2022-05-16
209
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
text-decoration:none全局设置为什么不生效
相关文章
|
11月前
CSS3【display: flex；】与【align-items: 侧轴对齐方式；】的使用
CSS3【display: flex；】与【align-items: 侧轴对齐方式；】的使用
51
0
0
|
前端开发
程序员
|
8月前
|
前端开发
数据安全/隐私保护
|
8月前
|
前端开发
|
10月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
30
0
0
|
11月前
CSS3【display: flex；】与【justify-content: 主轴对齐方式；】的使用
CSS3【display: flex；】与【justify-content: 主轴对齐方式；】的使用
58
0
0
|
11月前
CSS3 【display: flex；】与【align-self: 可覆盖父元素设置algin-items；】的使用
CSS3 【display: flex；】与【align-self: 可覆盖父元素设置algin-items；】的使用
54
0
0
|
流计算
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。white-space属性指定元素内的空白怎样处理。
252
0
0
|
前端开发
css中使用“-webkit-appearance: none;”去除系统默认appearance的样式引发的问题
解决网站bug时，发现一个棘手的问题：<input type="checkbox">的复选框选中了没有打钩，经排查，是由于css中“-webkit-appearance: none;”导致的，改成“-webkit-appearance: checkbox”后恢复正常。查询资料：总结如下
618
0
0