为了账号安全,请及时绑定邮箱和手机立即绑定

CSS样式中多种样式进行叠加,哪个的权限高?

<style type="text/css">

span{

   color:red;

}

p{

   font-size:10px;/*设置文字字号*/

   color:bleck;/*设置文字颜色*/

}

</style>


正在回答

8 回答

一般情况是内联样式级别最高,内嵌其次,外部最低,如果同一元素在三个样式中都有设定则为多重样式的情况

在选择器的情况下,内联样式的权重是1000,ID选择器的权重是100,class选择器的权重是10.标签选择器的权重是1,

如果权重相同则使用就近原则,后大于前

在同一组属性设置中标有“!important”规则的优先级最大

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

花开雨夏 提问者

非常感谢!
2017-03-16 回复 有任何疑惑可以回复我~
#2

YIFAN111

可以详细讲解一下这三种样式吗?谢谢大神@@@@@@@@@@@@
2017-09-02 回复 有任何疑惑可以回复我~

<h1>123<h1>

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

就近原则。

该情况下,span里的内容跟着span的格式走,不显示p格式。


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

离被设置元素越近优先级别越高

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

内联式>嵌入式>外部式,但是这三种方式采用就近原则

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

就近原则

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1222813    人
  • 解答问题       18211    个

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

进入课程

CSS样式中多种样式进行叠加,哪个的权限高?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信