css基础知识2-元素选择器、id选择器、类选择器

你的欢欢

于 2020-11-19 15:22:59 发布

阅读量1.1k

点赞数

分类专栏： css基础文章标签： css html

本文链接：https://blog.youkuaiyun.com/qq_45353963/article/details/109811955

版权

本文介绍了CSS中基本的选择器类型，包括元素选择器、ID选择器和类选择器。通过实例展示了如何使用这些选择器来定位和定制网页元素的样式。元素选择器用于选取特定类型的元素；ID选择器使用#号标识，可以精确地选择文档中具有特定ID的元素；类选择器使用.号，可以选取具有特定类名的元素，支持单独使用或与其他元素结合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css里面有很多选择器，这次就是为大家介绍一下css里面基本的几个选择器

元素选择器

最常见的 CSS 选择器是元素选择器。
换句话说，文档的元素就是最基本的选择器。
实例：

p {color: "red";}

找到页面上所有的p标签，并将其颜色改为红色显示
效果图如下：
在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html lang="en,ch">
    <head>
        <meta charset="UTF-8">
        <title>元素选择器</title>
        <style>
            p{
    
                color:red;
            }
        </style>
    </head>
    <body>
        <p>我是一个标题</p>
    </body>
</html>

那么去掉元素选择器再看效果：
在这里插入图片描述
代码如下：

<!DOCTYPE html>
<html lang="en,ch">
    <head>
        <meta charset="UTF-8">
        <title>元素选择器</title></

最低0.47元/天解锁文章