在HTML中如果在ul>li中添加子标签>a链接,修改li中字词颜色为什么a的字体颜色没有改变?

或者是有什么方法可以让修改li的字体颜色时,a标签的字体颜色也改变,

……由于CSS的层叠(cascading),a元素继承自li的样式被浏览器的a元素的默认样式给覆盖了。如下图

可以让a的颜色默认继承父级,这样

a {
 color: inherit;
}

不过这种写法兼容性不太好,建议还是重写a的样式……

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-20
因为a是超链接,默认是蓝色的字!如果想要修改li之间的颜色,可以直接在内部样式表里面添加一条标签选择器 <style>a{ color:#f00;}</style>放在</head>之前。这样li直接的颜色就会变成红色!但是有一条需要注意,直接这样写会把所有的链接都变成红色的!如果想要单独变其中一个ul li a里面的内容的话,需要加 <style>ul li a{ color:#f00;}</style>

在HTML中如果在ul>li中添加子标签>a链接,修改li中字词颜色为什么a的字 ...
a { color: inherit;}不过这种写法兼容性不太好,建议还是重写a的样式……

...我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变,求JS和C...
\/\/ 背景变为蓝色 } } <\/script><\/body><\/html>

怎么直接在html修改li里面的超链接的字体颜色
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的<a>标签中,输入样式代码:style="color: greenyellow"。3、浏览器运行index.html页面,此时li里面超链接的字体颜色被成功修改。

js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前...
1、新建一个html文件,命名为test.html。2、在test.html文件内,使用ul和li标签创建一个列表,li的值分别为测试a,测试b。3、在test.html文件内,设置第一个li标签的id为mytest,主要用于下面通过该id获得li对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“改变li的值”。5、...

网页中不同超链接文字如何设置不同的颜色?
设置不同链接的文字颜色,示例如下:<!DOCTYPE HTML><html><head><meta charset=UTF-8 \/><title>设置不同链接的文字颜色<\/title><style type="text\/css">a{text-decoration:none}a.a1{color:#333}a.a1:hover{color:#f00}a.a2{color:#00f}a.a2:hover{color:#fc0}<\/style><\/head><...

div里面改变链接字体颜色 不是整个页面的
a:link {color: red} a:visited {color: yellow} a:hover {color: black} a:active {color: blue} <\/style> <\/head> <body> <p><b><a href="\/index.html" target="_blank">这是一个链接。<\/a><\/b><\/p> <p><b>注释:<\/b>在 CSS 定义中,a:hover 必须位于 a:link 和 a...

...href="#"><\/a><\/li><\/ul><\/div> 像这种标签,我总是弄不清楚该有哪 ...
ul li a 标签用以处理网页上格式化的带链接内容,比如导航条,导航缩略信息等,通常配合css样式一起完成;margin和padding是html盒模型的核心,通常理解margin是指盒模型外的距离,padding是指盒模型内的距离。这些都需要大量的业余练习,模仿才能深刻领会他们的用法。

html代码里的<li>怎么改变不了字的大小
请问你用的是什么浏览器,谷歌是不支持小于12px的字体的!所以你调小12px,chrome都是不变的,调大就不一样!

HTML的li加超链请教
刚刚试了一下你的代码,结果是不是和上面图片上这个一样的。首先代码不建议这样写,代码不规范后面很容易报错的,你的ul标签没有结尾。因为整个LI都是超链接,那里面的内容就不可能会被点击到,所以只能做JS跳转。具体代码可以上网查询。

怎么可以改变Li标签的背景颜色
nav_now ul li {background-color:#000;} .nav_item ul li {background-color:#000;} 把这段代码加到你的CSS样式里就行了。<li>标签(全称为list item)是HTML语言中的一个元素标签。属于列表标签。以<li>开始<\/li>结束,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。

相似回答