注册 登录
编程论坛 WEB前端(UI)

改变p元素的颜色

反脑控2016 发布于 2017-05-25 12:33, 4625 次点击
看两组实例:
第一组:
实例一:"内容"与"子内容"都是黑色
<p>内容 <span>子内容</span></p>
实例二:"内容"与"子内容"都是红色
<style>
p{color:red;}
</style>
<p>内容 <span>子内容</span></p>
第二组:内容是红的,但子内容是蓝的
实例:
<style>
span{color:blue;}
p{color:red;}
</style>
<p>内容 <span>子内容</span></p>


问题:改变p元素的color,有时改变了内容和子内容,而有时只改变了内容,这是为什么?





[此贴子已经被作者于2017-5-25 12:34编辑过]

7 回复
#2
寒墨轩2017-05-26 15:34
标签b中的内容的颜色你可以用CSS来实现,而子内容的颜色就在span中实现
#3
WL23112969742017-05-26 18:48
p{color:red;}对所有的p内容都有作用,并且p里面的所有内容都是红色

span{color:blue;}子内容是蓝色因为对span进行了设置,而其他的内容颜色是 p{color:red;} 里面设置的颜色
#4
反脑控20162017-05-27 16:10
这是我学习jQuery遍历时,发现的一个我平时一直没注意的问题。你们没看明白。

子元素的前景色若没有指定颜色,它总是随父元素前景色的改变而改变;
子元素的前景色若指定了颜色,它就不随父元素前景色的改变而改变了。
这是为什么呢?
子元素的前景色若指定了颜色,它不随父元素的前景色的改变而改变是好的。
但子元素的前景色若没有指定颜色,它到底时一个什么值呢。这是我想问的。

前景色用color表示的。如果<span>元素的color值为inherit的话,在许多的浏览器中可以解释的通,因为它们支持inherit。
但IE不支持inherit,为什么它跟别的浏览器一样,也存在子元素的前景色若没有指定颜色,它总是随父元素前景色的改变而改变。
#5
反脑控20162017-05-31 13:12
无满意回答结帖
#6
whiteinblack2018-05-03 21:46
只有本站会员才能查看附件,请 登录
qqq
#7
whiteinblack2018-05-03 21:55
只有本站会员才能查看附件,请 登录
qqq
#8
搞钱2021-01-14 11:34
添加clss 或id 用兄弟,后代
1