                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

*{color:blue;font-size:20px;}和body{color:blue;font-size:20px;}

body{color:blue;font-size:20px;}

为何这样勇气两个字不会变成20px

body{color:blue;font-size:20px;}和*{color:blue;font-size:20px;}效果不是一样吗?

慕村7315608

2019-02-18

源自：初识HTML(5)+CSS(3)-升级版 8-8

关注问题我要回答

2129

操作

收起

4 回答

kingdom_C 回答被采纳 +2 积分
2019-02-18

因为“勇气”加了<h1>标签，浏览器会自动将勇气的字体放大

0 回复有任何疑惑可以回复我~

#1

慕村7315608 提问者

刚又试了下勇气两个字的确发生了变化但是我发现用*{color:blue;font-size:20px;}会强制把标题文字的大小也设置的跟文章内容里的文字大小一样这是系统默认的吗

2019-02-18 回复有任何疑惑可以回复我~

#2

慕粉15006335332 回复慕村7315608 提问者

CSS权重

2019-02-18 回复有任何疑惑可以回复我~

#3

weibo_wannaReset_0 回复慕村7315608 提问者

CSS权重

2019-02-20 回复有任何疑惑可以回复我~

查看2条回复

boyGreen
2019-03-29

通用选择器（Universal Selector）会阻断（override）继承机制。

https://meyerweb.com/eric/articles/webrev/200006a.html

0 回复有任何疑惑可以回复我~

慕粉15006335332
2019-02-18

当然不一样，这涉及到CSS权重问题，*通配符的CSS权重最低（权重数值为1，具体各个权重数值自行百度：CSS权重）。

有些标签（如a标签）天生自带一些效果，自带的权重都会比都会把通配符*权重高，所以即使用*改变了字体效果，有些标签自带的效果还是会替换掉*设置的效果。

而标签选择器（body）的CSS的权重要高于标签自带属性的权重，所以字体会都变色。

2 回复有任何疑惑可以回复我~

#1

慕村7315608 提问者

感谢大佬!

2019-02-18 回复有任何疑惑可以回复我~

kingdom_C
2019-02-18

可能是优先级问题，*的优先级大于h1标签的优先级，所以先执行了*{ } 中的CSS代码

0 回复有任何疑惑可以回复我~

#1

慕村7315608 提问者

*的作用范围我觉着是最高的他能把标题文字设置的跟正文的文字大小一样了 body还是遵循了h1标签的定义

2019-02-18 回复有任何疑惑可以回复我~

#2

慕粉15006335332

可以理解为优先级，说到底是CSS权重的问题，具体内容可以自己网上查询。

2019-02-18 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225771 人
解答问题 18234 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

4 回答用*{font-size:20px}和body{font-size:20px}实际显示的字体大小不同

2 回答用p{font-size:20px;}和h1{font-size:20px;}来代替不行吗

2 回答用font size:20px;就不行，一定要font-size:20px;吗？

10 回答为什么*{font-size:20px;}和body{font-size:20px;}显示出来的字体大小不一样

4 回答添加font-size:20px;不通过

搜索更多本课相关问答

*{color:blue;font-size:20px;}和body{color:blue;font-size:20px;}

我要回答关注问题

意见反馈帮助中心 APP下载