我知道子选择器的作用是作用在父元素标签里的第一代子元素,那么如何分辨一段标签里的父元素,一代子元素,二代子元素,等等,如果后代太多了,该怎么办

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

慕圣2206865

2019-08-22 15:12

<style type="text/css”>

.class>span{color:red;}

<style>

<p class="class"><span>会</span><span>当</span><span>凌</span><span>绝</span><span>顶</span>,
<span><span<span><span>一览</span>众山<span>小</span>。<p>/*谁是谁的子元素,两句话中<span>中的元素又是什么关系,出现过第二代或者第三代子元素么?*/

写回答 关注

3回答

  • 鹿小葵
    2020-07-01 07:56:00

    会当凌绝顶,五个字每个都是第一代。一览众山小全部才是第一代。一览众山第二代,一览第三代。

  • 幕布斯2711761
    2019-08-29 23:52:04

    外部没有其他<span>标签包裹的<span>标签是<p>标签关于<span>标签的第一级子元素,外部有<span>标签包裹的<span>标签对于css样式就没有效果了,代码都打出来了,运行下大概就能知道是什么情况,实践出真理.

  • 慕圣2206865
    2019-08-22 15:22:01

    代码打的太渣了 对不起  重新打的附后

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>子选择符</title>

    </head>

    <body>

    <style type="text/css">

    .class>span{

        color:red;

        

    }

    </style>

    <p class="class"><span>会</span><span>当</span><span>凌</span><span>绝</span><span>顶</span>,

    <span><span><span>一览</span>众山</span>小</span>。</p>/*谁是谁的子元素,两句话中span中的元素又是什么关系,出现过第二代或者第三代子元素么?*/

    </body>

    </html>


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

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

1223018 学习 · 18212 问题

查看课程

相似问题