ID选择器

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