ID选择器

最新推荐文章于 2022-03-17 21:45:23 发布

weixin_30918633

最新推荐文章于 2022-03-17 21:45:23 发布

阅读量67

点赞数

原文链接：http://www.cnblogs.com/john568300/p/6397284.html

版权

ID选择器

效果如下

老大

老二

老三

老四

老五

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ID选择器</title>
    <style>
        /*id选择器 id前必须加上 # 号*/
           #id1{
             color: blueviolet;
           }
            #id2{
                text-decoration: underline;
            }

           div#id3{
               color: red;
               background-color: blueviolet;
           }

    </style>
</head>
<body>
    <!--在一个页面中，id不能重复，唯一的-->
    <p id="id1">老大</p>
    <p>老二</p>
    <p id="id2">老三</p>
    <br>
    <div>老四</div>
    <div id="id3">老五</div>
</body>
</html>

转载于:https://www.cnblogs.com/john568300/p/6397284.html

优惠劵

weixin_30918633

关注关注

0
点赞
踩
0

收藏

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

ID选择器效果如下老大老二老三老四老五<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>ID选择器</title> <style> ...
复制链接

扫一扫