ID选择器和类选择器

最新推荐文章于 2022-11-08 09:20:29 发布

叫我邱球球

最新推荐文章于 2022-11-08 09:20:29 发布

阅读量991

点赞数 2

分类专栏：有关CSS 文章标签：心得前端 css 博客标签选择器

本文链接：https://blog.csdn.net/CallMeQiuqiuqiu/article/details/54848032

版权

有关CSS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

什么是ID选择器呢

ID选择器的作用是根据指定的id名称，找到对应的标签，然后设置属性。

注意点：使用的时候必须在id的前面加上一个#才会有效。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>id选择器</title>
    <style type="text/css">
        #id1{
            font-style: italic;
            color:blue;
            text-align:center;
        }
        #id2{
            color: rgb(255,0,90);
        }
    </style>
</head>
<body>
        <p id="id1">id选择器</p>
        <p id="id2">我是文本</p>
</body>
</html>

注意点：①在同一个界面中，id的名称是不可以重复的。

②在id名称的前面一定要加上一个#。

③id名字的组成只能由字母/数字/下划线组成。并且满足变量的写法，不能以数字开头。

------------------------分割线-------------------------

什么是类选择器呢？

类选择器的作用就是根据指定的类名找到对应的标签，然后设置属性。

每一个HTML的标签都有一个属性class

格式：

.类名{

睡醒：值;

}

正确的写法：<标签名称 class="类名1 类名2">