HTML的id选择器&类选择器

最新推荐文章于 2024-08-14 02:12:21 发布

web世界之窗

最新推荐文章于 2024-08-14 02:12:21 发布

阅读量2.7k

点赞数 1

文章标签： html 编程语言前端 web前端前端开发

本文链接：https://blog.csdn.net/weixin_45974707/article/details/103581008

版权

本文介绍了HTML的id选择器和类选择器，作为标签选择器的补充，用于实现更精确的样式定制。id选择器具有唯一性，通常在JavaScript中使用；类选择器允许重复，常用于设置样式，一个标签可以绑定多个类名。

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

一、问题：我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式，这对于我们个性化定制产生了阻碍，因此我们便引出了id选择器，来进行特别指定进行配置样式

二、id选择器

1.定义：根据指定的id名称找到对应的标签，然后设置属性

2.格式：

#id名称｛

    属性：值；

｝

3.例如：

<style>

        p{

            color: rgb(255,45,45);

        }

        #label1{

            color:black;

        }

        #label2{

            color: #37fa1e;

        }

        #label3{

            color: blue;

        }

        #label4{

            color:green;

        }

</style>

</head>

<body>

<b id="label1"></b>

<p id="label2">迟到毁一生</p>

<p id="label3">早退穷三代</p>

<p id="label4">按时上下班</p>

<p id="label5">必成高富帅</p>
web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习