css怎么选择所有子元素


当前第2页 返回上一页

1.png

【推荐教程:CSS视频教程 】

如果想要递归选择所有子元素,则使用以下语法

1

2

3

element1 > * {

    // CSS样式

}

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>选择所有子元素</title>

        <style>

            .demo > *{

                background-color: palevioletred;

            }

        </style>

</head>

   

<body>

    <div class="demo">

        <p>段落 1</p>

        <p>段落 2</p>

        <span>段落 3</span>

        <div>段落 4</div>

    </div>

       

    <p>段落 6</p>

    <p>段落 7</p>

</body>

</html>

效果图:

2.png

更多编程相关知识,请访问:编程视频!!

以上就是css怎么选择所有子元素的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何添加滚动条

css中定位的简单介绍(代码示例)

css text-decoration-line属性怎么用

css字体大小如何设置

css padding-right属性怎么用

css设置外边距的属性名是什么

css flex 的用途详解

css3实现条状百分比效果

css中什么是行高

css滚动条的宽度怎么设置

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...