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

讲解中有个地方看不懂????请大家帮忙看看

p{color:red;} /*权值为1*/

p span{color:green;} /*权值为1+1=2*/

.warning{color:white;} /*权值为10*/

p span.warning{color:purple;} /*权值为1+1+10=12*/

#footer .note p{color:yellow;} /*权值为100+10+1=111*/

这段里面的有一下几个地方看不懂:

①权值可以相加??怎么加的呢?是不是有权值的就相加呢??

②第二个权值为2是不是两个标签p和span权值相加得到的2呢??

③p span.warning{color:purple;}这句话是在搞不懂啊.....类选择器为什么可以加在标签元素span后面的,代表什么意思啊???

正在回答

4 回答

权重分四类:a类为行内样式,假设权重为1000;b类为ID选择器,假设权重为100;c类为类选择器、伪类选择器和属性选择器,假设权重为10;d类为元素选择器和伪元素选择器,假设权重为1。

计算权重时,可以把各个权重相加。比如:#footer p.note{}的权重就是100(#footer)+1(p)+10(.note)=111。

span.warning(注意中间没有空格)表示选取<span class="warning">这个元素;同理,span.a.b就表示选取<span class="a b">元素。


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

1、2、权值可以相加(<p>\<span>权值为1、类权值为10、ID权值为100)

3、例如:<p><span><sa class="warning">慕课网</sa></sapn></p>权值为1+1+10=12


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

YIFAN111 提问者

层级选择器是什么??标签后面加一个元素就可以说成是层级选择器吗?可以详细介绍一下层级选择器吗?层级选择器有什么顺序要求吗?
2017-09-04 回复 有任何疑惑可以回复我~

我也是初学,说说我得理解:

  1. 是的,有权值就相加

  2. 第二个是层级选择器,最终选择的是span标签,所以这里指的是span的权值为2

  3. 这是一个层级选择器,意思是p标签的后代中的span标签中后代类名为waring的


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

YIFAN111 提问者

谢谢?!!!
2017-09-04 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

讲解中有个地方看不懂????请大家帮忙看看

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