CSS - Selectors
Css에서 Selector를 통해 특정 부분을 스타일링 해줄 수 있다.
기본 구조는 다음과 같다.
selector {
property: value;
}[ Seletor 종류 ]
- Universal :
* - Type :
Tag - Id :
#id - Class :
.class - State :
: - Attribute :
[]
/* 모든 태그들을 선택 */
* {
property: value;
}
/* div 태그들을 선택 */
div {
property: value;
}
/* id="name" 태그들을 선택 */
#name {
property: value;
}
/* claas="red" 태그들을 선택 */
.red {
property: value;
}
/* button이 hover 상태일 경우 */
button:hover {
property: value;
}
/* href가 velog.com 속성을 가질 경우 */
a[href="velog.com"] {
property: value;
}
