CSS

CSS 주요 특징

개발자 마멋 2023. 11. 3. 21:28

캐스케이딩

하나의 태그에 적용되는 스타일이 여러 개 일때 우선순위에 따라 스타일이 적용되는 원칙

 

여러 스타일이 동시 적용 되어도 오류 발생x

 

우선순위 : 중요도, 명시성, 작성 순서

 

중요도

!important 키워드 붙이면 가장 높은 우서순위 가짐, 여러개 사용시 작성 순서 늦은 것이 우선 적용

 

명시성

인라인 선택자 : 1000

아이디 선택자 : 100

클래스 선택자, 가상 클래스 선택자, 속성 선택자 : 10

요소 선택자, 가상 요소 선택자 : 1

총합 높은 스타일 우선 적용

 

작성순서

마지막으로 적용되는 원칙, 늦게 작성된 속성 우선 적용

let textNodes = document.querySelectorAll("div.tt_article_useless_p_margin.contents_style > *:not(figure):not(pre)"); textNodes.forEach(function(a) { a.innerHTML = a.innerHTML.replace(/`(.*?)`/g, '$1'); });