class : 그룹을 짓기 위한 속성
id: 하나의 문서 내에서 유니크하다. 딱 하나의 태그를 구분하기 위한 속성
즉, 우선 순위는 id가 더 높다.
+
계단식으로 우선순위를 먹는다.
같은 레벨일 경우 마지막에 쓴 속성값으로 먹힌다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
p, h3{
color : blue;
}
.c01 {
color : pink;
}
.c02 {
color : orange;
}
.c03{
coor : gray;
background-color: yellow;
}
h3.c02{
background-color: gray;
}
#id01 {
color : green;
}
#id02 {
color : yellow;
}
</style>
</head>
<body>
<p class="c01">안녕하세요</p>
<div id = "id01">안녕하세요</div>
<h3 class="c01">안녕하세요</h3>
<hr>
<p class = "c02">안녕하세요2</p>
<div id = "id02" class = "c01">안녕하세요2</div>
<h3 class = "c02">안녕하세요2</h3>
<p id = "id02">안녕하세요3</p>
<p class = "c01 c03">안녕하세요3</p>
<p class = "c03 c01">안녕하세요3</p>
</body>
</html>
