CSS继承-慕课网

首页课程实战体系课手记专栏慕课教程

CSS继承

来源：9-3 权值计算-特殊性

慕粉3618704

2016-07-12 16:04

继承这个没弄清楚，有没有哪个愿意给说说

写回答关注

5回答

帅_子: 2016-07-15 10:28:17

<!DOCTYPE HTML>
<html>
<head>
<charset=gt2310">
<style type="text/css">
   h2{  text-align:center;   }
 .food>li{border:1px solid red;} /*这是用了">"符号，没有继承子选择*/
 .foods li{border:1px solid red;} /*这是用了" "符号，继承了子选择*/

</style>

</head>

<body>

       <h1>食物</h1>
<ul class="food">
    <li>水果
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
    	<ul>
        	<li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>
      <h1>食物</h1>
<ul class="foods">
    <li>水果
        <ul>
            <li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
    	<ul>
        	<li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>
</body>
</body>

从图片比较，就应该容易了解了。。。我打了好久，新手果然要花好多时间啊。你不懂的还可以追问我。我尽力解答吧。

0 2

qq_King挚爱_03498590

2016-07-12 16:25:55

父标签子标签子标签里的样式就算不设置，也会和父标签一样，这就是继承来的。

0 0
草垛菌

2016-07-12 16:15:18
包含元素设置的CSS样式，往往会被被包含的元素继承。
比如：
```
<div style="color:green;">
    this is a paragragh.
</div>
```
DIV元素中的字体颜色为green，P元素中默认的字体颜色为black，但由于DIV元素包含P元素，因此P元素就继承了DIV元素中设置的字体颜色，为green.
0 1
麦兜第一

2016-07-12 16:11:35

我们属于一段span中的内容也属于P中内容span中文字也会继承p中属性

0 0
慕侠8271869

2016-07-12 16:07:08

就是时候子标签里的内容样式会继承父标签的

0 0