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

p>span{color:purple;}的权值

p>span{color:purple;}的权值是2还是继承的0.1

慕运维0124838

2015-09-14

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

关注问题我要回答

1098

操作

收起

2 回答

Perona
2015-09-15

我贴一下代码，你感受下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
    <title>javascript</title>
    <style type="text/css">
        div{color:red;}
        p span{color: green;}
    </style>
</head>
<body>
    <div><span>提示：</span>span元素的样式是继承来的</div>
    <p><span>我用的是子代选择器的样式</span></p>
</body>
</html>

你可以再增加一个span元素样式，比如span{color: pink;}就会发现“提示：”的颜色变了。但是下面的子代选择器颜色并不变。

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

#1

打漏了>，你自己加上哈~~ p>span{color: green;}

2015-09-15 回复有任何疑惑可以回复我~

Perona
2015-09-14

1+1，权值为2

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

#1

慕运维0124838 提问者

span在p里面就不用考虑继承吗？

2015-09-15 回复有任何疑惑可以回复我~

#2

Perona 回复慕运维0124838 提问者

这里不是继承，用的是子代选择器。

2015-09-15 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1227825 人
解答问题 18250 个

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

本课相似问答

1 回答p span{color:purple;}

3 回答p .first span{color:purple; }

4 回答p>span{color:purple;}

4 回答P>span{color:purple;}

5 回答p span{color:purple;} p>span{color:purple;}这是什么意思

搜索更多本课相关问答

p>span{color:purple;}的权值

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号