id选择器解析

最新推荐文章于 2023-05-13 17:43:56 发布

哦啦哦啦！

最新推荐文章于 2023-05-13 17:43:56 发布

阅读量3.3k

点赞数

本文链接：https://blog.csdn.net/weixin_42240667/article/details/115111244

版权

鉴于标签选择器只能进行全局设置，而我现在想要对于同一标签在不同位置有不同的设计样式，所以这次学习下id选择器

id选择器

通过标签上id属性进行选择，作用范围：只针对一个标签

id其实就是标签的身份证号，具有唯一性，规定一个页面中不允许有同名id属性

优点：id属性的权重高缺点：只能实现单选

书写语法：

# id 属性值（自定义）

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试</title>
    <style>
        #p1{
            color: red;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <p id="p1">id选择器显示</p>
    <p>id选择器显示</p>
    <p>id选择器显示</p>
    <p>id选择器显示</p>
</body>
</html>

哦啦哦啦！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
id选择器解析

鉴于标签选择器只能进行全局设置，而我现在想要对于同一标签在不同位置有不同的设计样式，所以这次学习下id选择器id选择器通过标签上id属性进行选择，作用范围：只针对一个标签id其实就是标签的身份证号，具有唯一性，规定一个页面中不允许有同名id属性优点：id属性的权重高缺点：只能实现单选书写语法：# id 属性值（自定义）示例<!DOCTYPE html><html lang="en"><head> ...
复制链接

扫一扫