티스토리 뷰

FrontEnd/CSS

[CSS] 선택자 우선순위

jinseoit 2021. 8. 3. 15:21

 선택자 우선순위

*    // 전체 선택자  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
공지사항
최근에 올라온 글