css id选择器

最新推荐文章于 2024-08-21 17:46:40 发布

半梦️半醒

最新推荐文章于 2024-08-21 17:46:40 发布

阅读量89

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/m0_74476346/article/details/134344888

版权

本文介绍了HTML中的id选择器及其语法，强调了id属性的唯一性以及与类选择器的区别。通过实例演示了如何使用id选择器指定元素样式，并提到了id选择器常用于页面唯一元素和与JavaScript配合的情况。

摘要由CSDN通过智能技术生成

id选择器可以为标有特定id的HTML元素指定特有的样式

HTML元素以id属性来设置id选择器，css中id选择器以“#”来定义

语法：
#id名 {

属性1:属性值1;

........

}

注意：id属性只能在每个html文档中出现一次。

举例：当一个标签A调用了id属性a，则标签B不能再调用id属性a

id选择器和类选择器的区别：

1 类选择器（class）好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用

2 id选择器好比人的身份证号码，全国是唯一的，不得重复

3 id选择器和类选择器最大的不同在于使用次数上

4 类选择器在修改样式中用的最多，id选择器一般用于页面唯一性元素上，经常和JS搭配使用
代码如下

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>id选择器</title>
    </head>
    <style>
        #one{
            color: brown;
            font-size: 50px;
        }
    </style>
    <body>
        <div id="one">
            火狼

        </div>
    </body>

</html>

运行结果如下

半梦️半醒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
css id选择器

1 类选择器（class）好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用。4 类选择器在修改样式中用的最多，id选择器一般用于页面唯一性元素上，经常和JS搭配使用。HTML元素以id属性来设置id选择器，css中id选择器以“#”来定义。举例：当一个标签A调用了id属性a，则标签B不能再调用id属性a。id选择器可以为标有特定id的HTML元素指定特有的样式。2 id选择器好比人的身份证号码，全国是唯一的，不得重复。3 id选择器和类选择器最大的不同在于使用次数上。
复制链接

扫一扫