为什么html中 设置了li的颜色样式，a标签内的字体颜色还是不变呢

最新推荐文章于 2022-01-15 21:37:17 发布
原创 最新推荐文章于 2022-01-15 21:37:17 发布 · 8.6k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解析了a标签为何不自动继承li标签样式的原因，并提供了修改a标签颜色的具体方法，通过直接对a标签应用样式来解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

看了很多文章，终于在一篇文章中找到了答案，那就是a标签的样式默认就有自己的样式，不会自动集成父样式，也就是说不会继承li标签内的样式，所以li标签内设置的样式在a标签内就不起作用。

那么如何 让a标签内的文字变色呢？

只需要给a标签重新指定样式就可以了。
例如

原来

  • 新闻
  • 既然不能让新闻这2个字变成红色，就换一种做法就可以了。

  • 换成这种写法就可以了

  • 新闻

  • 总结：出现这个问题主要是原来不知道a标签本身有自己的样式，不会继承li的样式，以后遇到这类问题可以在内联或者外部样式中添加对a样式的声明就可以了

点击A标签后当前a变色，其它的不变色
06-26
点击A标签后当前a变色，其它的不变色,让被点击的高亮显示
js Li来实现的效果
10-30
总结起来，通过JavaScript，我们可以灵活地控制`<li>`元素的样式，实现各种动态效果，如改变背景色、调整字体、添加过渡动画等。同时，理解并适当地运用`list-style`属性，可以帮助我们更好地定制列表的呈现方式，以...
a标签点击之后颜色不变
qq_24243695的博客
03-28 5306
a:link{ color: #fff; } a:visited{ color: #fff; } a:hover{ color: #fff; } a:active{ color: #fff; } 顺序不能改变
鼠标在a标签移动或点击后颜色不变
csdnyq的博客
07-08 8591
鼠标在a标签移动或点击后颜色不变 假设a标签的颜色是白色 a{ color:white; } a:visited 已访问后链接颜色 a:link 未被访问时链接颜色 a:hover 鼠标在链接中移动时的链接颜色 a:link { color:white; } a:visited { color:white; } a:hover { color:white; } 如果想一次性设置 a, a:visited, a:link, a:hover{ color:white; } 如果没有起效，可能
a标签颜色不改变
weixin_44879122的博客
03-23 1388
#a:link 设置了链接颜色 运行之后发现没有改变 解决办法：清除浏览器缓存
关于<ul> 下的 <li> 里面的<a> 标签字体颜色不能控制
qq_45103475的博客
07-25 1197
…
HTML基础标签详解：构建网页结构与样式
`<basefont>`, `<big>`, `<small>`, `<strike>`, `<code>`, `<kbd>`, `<samp>`, `<var>`: 分别用于设置字体、基准字体、加大字体、缩小字体、添加删除线、代码样式、键盘文本、示例文本和变量，这些标签现在大部分...
字体大小为28px、红色、隶书希望列表项“护肤品”和“营养健康”显示为蓝色块的宽度200px，背景颜色#CCCCCC
最新发布
03-11
用户希望将“护肤品”和“营养健康”这两个列表项设置为蓝色，宽度200px，背景颜色#CCCCCC，而其他列表项的字体大小为28px、红色、隶书。首先，我需要分析用户的需求，确定他们想要的是部分列表项的特殊样式，而其他...
HTML(超文本标记语言)标签
嘭嘭啊啊啊的博客
05-16 547
HTML:超级文本标记语言 作用：用来制作网页，可以控制网页元素的显示方式 网页： HTML常用的标签： 注释标签： 段落标签： 其他标签： 表格标签： HTML中颜色三种表示方式： 超链接标签： 表单标签： 框架标签：
HTML标签详解与下载全集
除了上述标准标签，还有一些辅助和非标准的标签，如`<plaintext>`用于纯文本输出，`<listing>`用于显示代码列表，`<fontcolor>`和`<fontsize>`用于设置字体颜色和大小，但建议优先使用CSS来控制样式。注意，某些标签...
链接文字<a>保持原有的字体颜色
u011927449的博客
01-18 531
<style type="text/css"> #red {color: red;} #blue {color: blue;} #orange {color: orange;} #green {col...
a标签有默认字体颜色​
m0_65550731的博客
01-15 1739
a标签有默认字体颜色，要改a标签颜色要给a标签加color。 如果给父级加color，想让a也继承，那么在a里面添加color：inherit 删除下划线 text-decoration: none;
关于给li加hover后li中的a没有发生变化的解决方法
weixin_51667698的博客
09-13 1311
当需要利用hover来改变li标签中a标签的样式时，直接用li:hover无法改变a标签中的color，关于原因我查了一下说是权重问题，具体原因我也没搞清楚，希望有大神能解释一下。 测试HTML： <div class="test-div"> <ul class="test-ul"> <li class="test-li"> <a href="">test</a>
html中li标签内的a标签无法继承li的样式是为什么？
陈福国的博客
03-06 1797
<style> li{ color: red; } </style> <ul> <li><a href="">哈哈哈</a></li> <li><a href="">哈哈哈</a></li> </ul> 如上代码，此时我们发现li中的a标签并没有继承li的样式，依然是蓝色的，
jQuery点击li标签改变颜色，其他li标签不变
热门推荐
wangweiscsdn的博客
06-16 1万+
.selected{ color:blue; } foo1 foo2 foo3 foo4 $(function(){ $("li").click(function(){ $(this).addClass("selected").siblings().removeClass("selected"); }); });
a标签怎么去下划线以及实现点击前和点击后不变色
CherishL_的专栏
05-17 6578
感谢： https://zhidao.baidu.com/question/1800592006361018187.htmltext-decoration:none;去掉下划线 color:#333;给这个a标签添加颜色 只添加这个一样的颜色就不变色
为什么a标签中的内容继承不了父级的颜色和字体?
编程萌新
09-02 3832
原因: 层叠样式表的优先级中，浏览器为用户设置的样式优先于开发者设置的样式。而浏览器已经为用户设置了一个默认样式，所以a标签里的内容没有继承父级。 解决方法: 1.使用子代选择器 2.加一句样式a{color:inherit; font:inherit;} 参考...
a标签触碰标签字体颜色改变
qq_41353397的博客
01-30 2150
a:hover{ color: red; }
CSS中a标签（元素）字体颜色继承问题（详细解释）（以及解决方法）
李dayday
07-23 8999
CSS层叠样式规则详解：点这里 问题：a标签的字体颜色继承问题 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值