css选择器css选择器................................................

css选择器

<style>
    /* 元素选择器 */
    body {
        background-color: #ccc;
    }

    /* id选择器 */
    #welcome {
        background-color: aqua;
    }

    /* class类选择器 */
    .green-heading {
        color: salmon;
    }

    /* 多项选择器 */
    #welcome,
    #about {
        border: 1px solid #ccc;
        padding: 10px;
        margin-bottom: 10px;
    }

    /* 嵌套选择器 */
    #welcome p {
        font-size: 20px;
    }
</style>

<body>
    <div id="welcome">
        <h2 class="green-heading">欢迎来到我的博客</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque repellendus sequi minima aliquam blanditiis,
            inventore cum sint doloremque possimus ducimus error reiciendis eligendi natus facere amet non voluptate
            tempora
            tenetur.</p>
    </div>
    <div>
        <h2 id="about">关于我们</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi, suscipit.</p>
    </div>
</body>