简单前端知识——CSS02

最新推荐文章于 2025-07-02 10:42:38 发布

原创最新推荐文章于 2025-07-02 10:42:38 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

简单前端知识专栏收录该内容

26 篇文章

订阅专栏

本文介绍了CSS中的两种基本选择器——ID选择器和类选择器。ID选择器以#开头且在整个页面中唯一，类选择器以.开头可用于多个元素。通过示例展示了如何使用这两种选择器来设置不同元素的颜色。

ID选择器

以#号开头，ID在整个页面中必须是唯一的

#ID名称{

属性名称：属性的值；

属性名称：属性的值;

}

类选择器

以。开头

.类的名称{

属性名称：属性的值

}

<style>
    .shuiguo{
        color:yellow;
    }
    .shucai{
        color:green;
    }
</style>
<body>
    <div class = "shuiguo">香蕉</div>
    <div class = "shuiguo">苹果</div>
    <div class = "shucai">茄子</div>
    <div class = "shucai">黄瓜</div>
</body>