[CSS] Selectors

Universal (전부)	*
type	Tag
ID	#id
Class	.class
State	:
Attribute	[]

 

State : 

(의사 클래스) 선택자에서 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있다.

button:hover {
 color: red;
 background : yellow
}

 

Attrivute[]

주어진 특성을 가진 모든 요소를 선택 (^, $)

a[href = "naver"] // naver가 들어간 것을 찾음
a[href^ = "naver"] // naver로 시작하는 것을 찾음
a[href$ = ".com"] // .com으로 끝나는 것을 찾음

 

자세한 내용은 아래 링크로!

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Selectors

CSS 선택자 - CSS: Cascading Style Sheets | MDN