Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
Tags
- MeteorEffect
- 여행
- 언리얼 블루프린트
- 아비정전
- SwordSlashEffect
- sql
- GroundEffect
- effect
- 파티클시스템 #모듈
- 쉐이더 기본개념
- EffectReel #UNITY
- 발없는 새
- 경주
- sqld #sqld 개념정리
Archives
- Today
- Total
창작과 기록
Selector(선택자) 서열 본문
Selector(선택자) 서열
id 선택자 > class 선택자 > 일반태그 선택자
id 태그의 속성들을 선택자로 사용 => .속성이름
class 태그의 속성들을 선택자로 사용 => #속성이름
따라서, sytle 태그 안에서 위 선택자들의 서열은 절대적이기 때문에
작성 순서(최신선언 우선)에 영향을 받지 않는다.
왜냐하면 사용 빈도수(포괄성) => 일반태그 > class > id(유일함) 이기 때문.
e.g.
<style>
#active{
color:red;
}
.saw{
color:gray;
}
a {
color:black;
text-decoration: none;
}
</style>
기본 텍스트는 블랙. 활동기록 있는 텍스트 그레이. 현재 활성화 되어있는 페이지 레드.
'WEB > CSS' 카테고리의 다른 글
| 박스 모델 (0) | 2021.08.28 |
|---|---|
| Selector(선택자), Declaration(선언) (0) | 2021.08.28 |