반응형 특수 선택자1 CSS의 :not() 셀렉터 활용, 티스토리 BookClub li 디스크 텍스트 겹침 해결 CSS의 :not() 셀렉터 활용, 티스토리 BookClub li 디스크 텍스트 겹침 해결웹 문서를 마크업하다 보면 “특정 요소만 빼고 전부 디자인하고 싶다”는 요구가 자주 등장합니다. 예를 들어 ol > li에만 들여쓰기를 적용했더니 ol > li > ul > li의 불릿 아이콘이 텍스트와 겹쳐 보이는 난감한 상황을 겪어 보셨을 겁니다. 이때 ‘선택적 제외(Selective Exclusion)’를 구현해 주는 것이 CSS :not() 셀렉터입니다.HTML 구조가 복잡해질수록 하위 요소마다 새로운 클래스를 주는 방식은 관리 비용이 기하급수적으로 커집니다. :not()을 적절히 결합하면 불필요한 클래스 증식을 막고, 유지보수성이 높은 스타일 시트를 작성할 수 있습니다. 이 글에서는 :not() 셀렉터의 문.. 2025. 4. 25. 이전 1 다음 반응형
