【说站】css后代选择器的介绍

2022-11-23 16:31:13 浏览数 (1)

css后代选择器的介绍

说明

1、后代选择器又称为包含选择器,可以选择作为某元素后代的元素。

2、从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代。

即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器。

语法

代码语言:javascript复制
h1 em {color:red;}

实例

代码语言:javascript复制
...
        .c span{
            color: skyblue;
        }
...
<body>
    <div>
        <span>c的子代</span>
        <div>
            <span>c的后代</span>
        </div>
    </div>
    <span>c的兄弟</span>
</body>

以上就是css后代选择器的介绍,希望对大家有所帮助。更多css学习指路:css教程

本文教程操作环境:windows7系统、css3版,DELL G3电脑。

收藏 | 0点赞 | 0打赏

css

0 人点赞