HTML_CSS_015_tag_id_class

선언자의 우선순위

• 선언자에 따라 우선순위가 다르다는 것이다.

!important > ID > CLASS > TAG

!important

• 0순위 우선권을 부여하여 표시할 수 있게 하는 속성

id

• 아이디 선언시 숫자가 앞에 올수 없다.
  • 문자 뒤에 숫자는 올수 있다 / 1a (x) / a1(o)
  • 중복 선언은 안된다. 유일 해야한다.

• Command

<!-- html 표기 -->
<div id="a">id가 a</div>

/* css 표기 */
#a {
}

class

• 중복 선언 가능
• 여러개의 클래스를 가질 수 있다.

• Command

<!-- html 표기 -->
<div class="b">class가 b</div>
<!-- 중복 class -->
<section class="b c d">class가 b</div>

/* css 표기 */
.b {
}
.b.c.d {
}
div.b {
}
section.b.c.d {
}