CSS-选择器-2022-12-23 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
/* 不遵循就近原则，
id选择器>类选择器 > 标签选择器*/
    #lr{
      color: lightsalmon;
    }
    .cm{
        color: #7a95ff;
    }
    h1{
        color: #61e93e;
    }
  </style>

</head>
<body>

<h1 class="cm" id="lr">标题1</h1>
<h1>标题2</h1>
<h1>标题3</h1>
<h1>标题4</h1>
<h1>标题5</h1>

</body>
</html>
posted @ 2022-12-23 10:36  Rui2022  阅读(11)  评论(0)  编辑  收藏  举报