007ID选择器

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ID选择器</title>
        <link rel="stylesheet" href="../css/004.css">
    </head>
    <body>
        <h1 id="oluoluo" class="style1">标题1</h1>
        <h1 class="style1">标题2</h1>
        <h1 class="style1">标题3</h1>
        <h1>标题4</h1>
        <h1>标题5</h1>
    </body>
</html>
/*id选择器： id必须保证全局唯一，格式为：
        #id名称{}
        不遵循就近原则，固定的
        id选择器 > class选择器 > 标签选择器
        */
#oluoluo {
    color: #998a32;
}

.style1 {
    color: #1c63a7;
}

h1 {
    color: #991ca7;
}

 

运行结果：

 

 

 

posted @ 2021-08-12 23:31  李林林  阅读(45)  评论(0)  编辑  收藏  举报