#3.2 What Does Cascading Mean

병고라니 2020. 12. 6. 15:33

Cascading은 위에서 아래로 흐른다는 의미

css우선순위는 위에서 아래로 내려간다.

아래와 같이 h3의 color가 겹친다면 우선순위는 어떻게 될까?

<!DOCTYPE html>
<html lang="kr">
  <head>
    <title>title</title>
    <link href="style.css" rel="stylesheet"/ >
    <style>
      h3 {
        color: red;
      }
    </style>
  </head>

  <body>
    <h3 style="color: blue">회원 가입</h3>
  </body>
</html>

css의 cascading규칙에 따라 맨아래에 있는 color:blue가 제일 우선순위가 높음으로 blue가 된다.