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

我不明白这个的权值是怎么回事？

.first{color:green;}权值10

p span{color:purple;}权值2

为什么“胆小如鼠”显示出来确实紫色的？

宋嘉欣

2016-03-30

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

关注问题我要回答

939

操作

收起

7 回答

忆_卿
2016-04-14

就近原则，离被设置元素越近，优先级别越高 <span>是不是离胆小如鼠最近？

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

little_jian_7
2016-04-06

楼上说了，应用的标签不一样，只有完全一样的时候才会采用权值的方法来确定。

span{color:pink;}权值为1

p span{color:purple;}权值为2

这才是一样的标签对比权值。

p{color:red;}
.first{color:green;}

这两个一个是p标签选择器一个是类选择器不能用权值对比。

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

#1

p{color:red;} .first{color:green;} 这两个一个是p标签选择器一个是类选择器不能用权值对比。这话不太全面，如果<p class="first"> 这是权值对比了。

2016-04-14 回复有任何疑惑可以回复我~

#2

你说的对，我之前的回复错了。刚刚才想通。

2016-04-14 回复有任何疑惑可以回复我~

lei20070106
2016-03-30

跟优先级有关：内联式>嵌入式>外部式

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

#1

宋嘉欣提问者

这是css样式的优先级吧

2016-04-01 回复有任何疑惑可以回复我~

#2

都是外部式你扯这个有什么用？

2016-04-14 回复有任何疑惑可以回复我~

小聶同學
2016-03-30

就是优先原则，权值越大代表权力越大，话语权最重

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

#1

宋嘉欣提问者

那绿色权重大啊，为什么不显示绿色？

2016-04-01 回复有任何疑惑可以回复我~

#2

作用的都不是一个标签，权值再大有意义?一个是作用<p>标签，一个作用的是<span>标签，这有可比性？

2016-04-14 回复有任何疑惑可以回复我~

葉年禮
2016-03-30

应用的标签不一样，只有完全一样的时候才会采用权值的方法来确定

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

#1

p{color:red;} .first{color:green;} 这两个指的都是同一段话。

2016-03-30 回复有任何疑惑可以回复我~

#2

宋嘉欣提问者

不太明白，如果标签相同了，还用区分权值吗？

2016-04-01 回复有任何疑惑可以回复我~

#3

作用的是同一标签才考虑权值，，，不然权值在高有什么意义？

2016-04-14 回复有任何疑惑可以回复我~

查看1条回复

慕侠7350459
2016-03-30

应该是p span{color:purple;}离的最近，就近原则

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

小火不烫
2016-03-30

相当于程序执行时的优先权；权重越大，最终结果就听谁的！

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

#1

宋嘉欣提问者

那绿色权重大啊，为什么不显示绿色？

2016-04-01 回复有任何疑惑可以回复我~

#2

忆_卿回复宋嘉欣提问者

我的理解是这样的，在同一CSS样式中，如果权值相同就考虑就近，如果权值不同考虑权值大的优先，如果作用的不是同一个标签，考虑就近。

2016-04-14 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225293 人
解答问题 18230 个

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

本课相似问答

4 回答权值不明白

1 回答有点搞不明白action的地址是怎么回事

4 回答.first p p span 权值有点不明白

2 回答这是怎么回事

3 回答什么叫权值？权值是怎么计算的？

搜索更多本课相关问答

我不明白这个的权值是怎么回事？

我要回答关注问题

意见反馈帮助中心 APP下载