[html] css를 사용해서 클래스/id 만들기 + 클래스의 우선순위 알아보기

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>web - css</title>
  <style>
    
    a{
      color:black;
      text-decoration: none;
    }
    
    h1{
     font-size:45px;
     text-align:center;  
    }

.active{
color:red;
text-decoration:underline;
}

#active{
color:red;
text-decoration:underline;
}

.saw{
color:gray;
}

    
</style>

  
</head>
<body>
  <h1><a href ="html.html"> WEB </a></h1>
  <ol>
    <li><a class="saw">1번 입니다.</a></li>  
    <li><a class="saw active">2번 입니다.</a></li>
    <li><a clss="saw" id="active">3번 입니다.</a></li>

<!--
  <h1><a href ="html.html"> WEB </a></h1>
  <ol>
    <li><a style="color:gray">1번 입니다.</a></li>  
    <li><a style="color:gray">2번 입니다.</a></li>
    <li><a>3번 입니다.</a></li>
-->
</body>
</html>