CSS를 항상 깨끗하고 체계적으로 유지하세요. 나는 선택기를 스타일 카테고리로 구성하는 것을 좋아합니다.
스타일 재설정
타이포그래피 스타일
레이아웃 스타일(머리글, 내용, 바닥글 등)
모듈 또는 위젯 스타일 모듈 또는 위젯 스타일
기타 (등).
그런 다음 각 그룹 내에서 DOM 계층 구조에 따라 선택기를 구성했습니다.
모든 상위 스타일
블록 수준 요소 스타일(단락, 목록 등)
인라인 요소 스타일(링크, 약어 등)
기타 (등).
그런 다음 위 구분을 기반으로 특정 구분을 만듭니다.
단락
블록 인용
구애
기울기
양식
테이블
기타 (등).
마지막으로 CSS 선언을 스타일 유형별로 정리합니다.
위치 지정 스타일
플로트/클리어 스타일
표시/가시성 스타일
간격 스타일(여백, 패딩, 테두리)
치수 스타일
타이포그래피 관련 스타일(줄 높이, 색상 등)
기타 스타일(목록 스타일, 커서 등)
많은 사람들이 선언에 따라 알파벳순으로 정렬하는 것을 좋아하는데, 이는 나에게는 적합하지 않을 수 있지만 귀하에게는 완벽하게 작동할 수 있습니다. 그러나 일단 어떤 조직 방법을 선택했다면 일관성을 유지하기 위해 이를 고수하는 것이 가장 좋습니다.