css 가상클래스 : 부분 띄어쓰기
조회수 956회
Some text. Some other text. One more text
1) p:not(.classy) { color: red; } body :not(p) { color: green; }
2) p:not(.classy) { color: red; } body:not(p) { color: green; }
body 옆에 : 띄어쓰기 차이로 위 2개의 결과값이 다르게 나오는데 그 이유가 있나요? 1번은 'some other text'가 검은색이 나오고 2번은 초록이 되네요
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
body :not(p) { color: green; } /* body tag 안에 들어있는 p tag가 아닌 요소들의 color를 green으로 변경하라. */ /* body tag 안에 p태그가 아닌 요소가 없으니 body tag는 기본 컬러로 적용됨. */ body:not(p) { color: green; } /* p tag가 아닌 body tag의 color를 green으로 변경하라. */ /* body tag는 p tag일리 없으니까. body tag가 green으로 적용됨. */
이렇게 해석하면 좋을거 같아요. 선택자를 더 이해하고싶다면 아래링크를 활용하면 도움이 될겁니다. https://opentutorials.org/module/484/4150
댓글 입력