수다닷컴

CSS 전체 선택자에서 p만 제외하려면 어떻게 하나요?

반혈 2026.05.21 댓글 10

`* { padding: 0; margin: 0; }`처럼 전체 선택자를 쓰면 p 태그 간격도 초기화되는데요.
p 태그만 제외하려면 어떻게 해야 하나요?

댓글 10

  • 연보라 2026.05.21

    `p { margin: default; padding: default; }`로 지정해 보세요.

  • 알찬해 2026.05.21

    전체 선택자를 쓰면 로딩 속도에 미묘한 차이가 있다는 통계도 있더라고요.

  • 카이 2026.05.21

    아, 그런 방법은 없나 보네요 ㅎㅎ

  • 연초록 2026.05.21

    규모가 작으면 전체 선택자를 써도 큰 차이는 없지만, 규모가 크면 선택자를 초기화해 두는 게 좋아요.

  • 바론 2026.05.21

    클래스나 아이디를 따로 만들어 선언하거나, 전체 선택자를 사용하지 않으면 됩니다 ㅎㅎ

  • 거늘 2026.05.21

    대체로 이런 식으로 처리하면 될 것 같아요. 위 코드는 NHN reset CSS예요.
    `* { margin: 0; padding: 0; }`
    `p { margin: 10px 0; }`

  • 새솔 2026.05.21

    그렇군요.

  • 살랑살랑 2026.05.21

    아, 고마워요~

  • 활력초 2026.05.21

    방법은 있어요.
    `*:not(p) { padding: 0; margin: 0; }`를 쓰면 되는데, 지원하지 않는 브라우저가 많아요 ㅎㅎ

  • 천사의눈물 2026.05.21

    아랫줄에 `p { padding: 10px; }`처럼 다시 지정하면 돼요. CSS는 순서대로 적용됩니다~