티스토리 뷰
선택자 우선순위
* // 전체 선택자 0점
div // 태그 선택자 1점
.Hello // class 선택자 10점
#Hello // id 선택자 100점
<div style="color:red;"/> // inline 선택자 1000점
!important 999999999점
css를 적용할때 같은 요소를 바라볼때 적용되는 css가있고 적용안되는 css가 있는데 이는 선택에 대한 점수가 가장 높은 한가지 css만 적용되기 때문입니다.
가급적 !important 와 inline 방식은 삼가하는게 좋겠네요!
'FrontEnd > CSS' 카테고리의 다른 글
[CSS] margin 과 padding (0) | 2021.08.04 |
---|---|
[CSS] 투명도, 상속, 글꼴 , css단위 (0) | 2021.08.04 |
[CSS] Before, After , 속성 선택자 (0) | 2021.08.03 |
[CSS] 가상클래스 선택자 2 (0) | 2021.08.03 |
[CSS] 가상 클래스 선택자 (0) | 2021.08.03 |
공지사항
최근에 올라온 글