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文字不环绕怎么办

css如何实现tab选项卡切换

css怎么设置div的透明度

css怎么设置图片的对比度

浏览器解析渲染html文档的过程详解(图文)

css该如何隐藏文本框

css结构化伪类选择器有哪些

你可能还不知道的7个惊人的css属性!

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




打赏

取消

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

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

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

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

评论

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