通配符选择器子元素选择器后代选择器

最新推荐文章于 2024-06-19 15:19:49 发布

燃烧岁月-------

最新推荐文章于 2024-06-19 15:19:49 发布

阅读量1.6k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/yangwenlongsss/article/details/75267918

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            min-height: 30px;
            max-width: 300px;
            background-color: white;
            margin-left: 50px;
            border: 2px solid red;
        }
        /*它的直系后代（儿子）, 子元素选择器*/
        /*#my>div*/

        /*它的后代,后代选择器：
       可以选择一个元素的后代元素  这个后代元素包括：它的儿子、孙子。。。
        */
        /*#my div*/


        /*它的第一个弟弟,通配符选择器 */
        /*#my+div*/

        /*它的所有弟弟,通配符选择器 */
        #my~div


        {
            background-color: yellow;
        }
    </style>
</head>
<body>
<div id="my">
    <p>我</p>

    <div>大儿子
        <div>大孙子</div>
        <div>二孙子</div>

    </div>

    <div>二儿子</div>
    <div>三儿子</div>

</div>
<div>弟弟</div>
<div>弟弟</div>
</body>
</html>