03-3.basic selector-id selector 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*id选择器：id必须保证全局唯一，意思就是每个地方都有不同的id，
                   不能出现两个地方的id一样
                   可以精准定位到某一个标签，比如当我们想给某一个标签修改样式，
                   而不影响到其他标签时，就使用id选择器精准定位

         使用方法：#id名称{}
         选择器优先级：id选择器>class类选择器>标签选择器
        */
        #daxing{
            color: coral;
        }
        .style1{
            color:red;
        }
        h1{
            color: aqua;
        }
    </style>

</head>
<body>
<h1 id="daxing" class="style1">标题1</h1>
<h1 class="style1">标题2</h1>
<h1 class="style1">标题3</h1>
<h1>标题4</h1>
<h1>标题5</h1>
<h1></h1>
<h1></h1>
</body>
</html>

 

posted @ 2022-03-19 17:43  狂神大鑫  阅读(44)  评论(0)    收藏  举报