WEB Archive
[HTML] CSS - 스타일 적용 우선순위 파악해보기
universedevelope
2024. 8. 20. 14:18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test009.html</title>
<link rel="stylesheet" type="text/css" href = "css/externalStyle.css">
<style type = "text/css">
@import url("css/importStyle.css");
p {font-size: 100px; color: black;}
</style>
</head>
<body>
<div>
<h1>스타일 적용의 우선순위 규칙</h1>
<hr>
</div>
<div>
<!-- 스타일은 물리적으로 가장 가까운 것이 적용됨 -->
<p style="color: orange; font-size:20pt">이와 같은 상황이라면... 나는 어떻게 표현되어야 할까</p>
</div>
</body>
</html>우선순위를 파악해보면.. 물리적으로 가까운 것
1. 직접적용한 style 구문
2. link 로적용한 style 구문
3. url 로 적용한 style 구문
순으로 적용 된다.
728x90