本章示例ul/li/ul/li中,li中的ul/lI的li算是ul标签的什么?

来源:8-6 捡了一个儿子 - 子选择器

口袋驿站

2017-06-17 21:38

运行结果好像认为li中的li也是ul的儿子啊

写回答 关注

3回答

  • 艾零
    2017-06-18 10:32:21
    已采纳

    HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

    元素的内容是开始标签与结束标签之间的内容

    大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

    所以 ul class="food" 的元素内容是li水果和li蔬菜 而li水果的元素内容是另一个ul 

    子选择器定义的是ul class="food"下的第一个元素的元素内容样式

    我表述的可能比较混乱 可以参考HTML 元素  http://www.w3school.com.cn/html/html_elements.asp

    艾零 回复口袋驿站

    没有 li水果的元素内容是 <ul ><li>香蕉</li><li>苹果</li><li>梨</li></ul> 所以红色实线框会把他们一起框住 {border:1px solid red;}css样式是不具有继承性的。 不然会变成 一个框住水果到梨这一段 然后香蕉 苹果和梨再各有一个框框住

    2017-06-19 08:43:08

    共 2 条回复 >

  • 艾零
    2017-06-19 08:49:23

    http://img.mukewang.com/59471f5700018f1003760261.jpg

    http://img.mukewang.com/59471f570001d7a405170112.jpg上面说错一点 不是各有一个框


    口袋驿站

    懂了,谢谢

    2017-06-19 09:17:17

    共 1 条回复 >

  • 口袋驿站
    2017-06-17 21:39:41

    .food>li{border:1px solid red;color:red;}/*添加边框样式(粗细为1px, 颜色为红色的实线)*/


    </style>

    </head>

    <body>

    <p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

    <h1>食物</h1>

    <ul class="food">

        <li>水果

            <ul >

            <li>香蕉</li>

                <li>苹果</li>

                <li>梨</li>

            </ul>

        </li>


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

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

1225293 学习 · 18230 问题

查看课程

相似问题