공부 (1) 썸네일형 리스트형 css cascading / twMerge의 의의(작성중) cascade가 뭔가 ? twMerge는 뭘 해결해주는가? 왜 "px-2 py-2 p-3" 은 px-2 py-2를 먼저 적용시키는가?=> 명시도 때문. 셀렉터가 가리키는것이 명확할수록 우선순위를 높게 준다. 모호하게 여러개를 가리키는 셀렉터보다 보다 적은 범위를 명확하게 가리키는 셀렉터 스타일의 우선순위가 높다. 여기에서는 p-3은 top bottom left right를 일괄로 지정하고, px-2 py-2는 top과 bottom과 left right를 골라서 지정한다. 그러면 후자가 더 명확하게 가리키고 있다고 할 수 있을것이다. 그러면 p-2 p-4라면? p-4가 적용된다. => 왜냐? 코드 순서 우선순위 때문. 우선순위의 마지막 요소가 코드 순서인데, 가장 마지막에 등장한 속성을 최우선으로 적용한다.. 이전 1 다음