                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

1044

操作

收起

2 回答

Perona
2015-09-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;}就会发现“提示：”的颜色变了。但是下面的子代选择器颜色并不变。