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

CSS继承

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

慕粉3618704

2016-07-12

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

关注问题我要回答

1166

操作

收起

6 回答

帅_子
2016-07-15

<!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>

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

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

qq_King挚爱_03498590
2016-07-12

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

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

草垛菌
2016-07-12

包含元素设置的CSS样式，往往会被被包含的元素继承。

比如：

<div style="color:green;">
    <p>this is a paragragh.</p>
</div>

DIV元素中的字体颜色为green，P元素中默认的字体颜色为black，但由于DIV元素包含P元素，因此P元素就继承了DIV元素中设置的字体颜色，为green.

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

麦兜第一
2016-07-12

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

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

慕侠8271869
2016-07-12

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

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

举报

0/150

提交

取消

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

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

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

本课相似问答

4 回答CSS继承

2 回答css继承

5 回答css继承

3 回答css的继承性

2 回答css的继承性

搜索更多本课相关问答

CSS继承

我要回答关注问题

意见反馈帮助中心 APP下载