[CSS] 선택자란?, 선택자가 적용되는 우선순위(Selectors)

#CSS 선택자는 HTML 내에서 어떤 Tag들에 스타일을 적용할 지 고르는 데 사용되며 그러한 규칙을 규정하는 '문법'이다. 선택자의 종류에는 크게 6가지가 있으며 다음과 같다. 1. 모든 Tag에 적용하고자 할 때는 *를 사용 2. 특정 Tag에 적용하고자 할 때는 Tag이름을 사용 (h1태그에 적용하려면 h1{스타일} 형식을 사용) 3. 특정 ID에 적용하고자 할 때는 #id를 사용 4. 특정 Class에 적용하고자 할 때는 .class를 사용 5. 특정 상태일 때 스타일을 적용하려면 tag:state{스타일} 형식을 사용 6. 특정 속성값(attribute)을 가지는 요소들에 적용하려면 tag[attribute=""]{스타일} 형식을 사용 CSS 문서는 선택자를 사용해 아래와 같이 Selector { property: value; } 형식으로 작성한다. 선택자 예시 html을 다음과 같이 작성하고 css파일을 html의 각 요소에 적용해보자 <!DOCTYPE html> <ht...

#CSS #HTML #Selector #선택자 #선택자우선순위 #중복선택자

원문링크 : [CSS] 선택자란?, 선택자가 적용되는 우선순위(Selectors)