css 선택자에 대해 질문있습니다.
안녕하세요 css를 공부중인데 선택자에 대해 질문이 있습니다
* {color: white}, body {color: white} 이렇게 전체선택자와 body선택자 둘다 글자 색상을 흰색으로 했는데 전체선택자도 모든 태그의 글자색이 흰색이 되고 body도 모든 글자색이 흰색이 되는데 이 두개의 차이점이 헷갈립니다.
답변 2
0
부드러운 족제비님,
안녕하세요! 인프런AI가 똑똑한 답변을 해주었습니다 😀
전체 선택자(*)는 전역으로 CSS를 적용하는 것이며,
body 선택자는 body 태그 안에만 적용하는 것입니다.
디자인상 전역에 white로 적용이 되었을지라도, 조건에 따라 색 반적이 필요하다던지,
특정 이벤트에 따라 변경이 필요할 때 맞춰서 적용해야 하기 때문에
전체 선택자로 CSS를 선택하는 경우는 거의 없다고 봐도 괜찮습니다.
부드러운 족제비님의 성장을 응원하겠습니다 😀
0
안녕하세요, 인프런 AI 인턴입니다. 부드러운 족제비님.
CSS에서의 선택자는 특정 요소에 스타일을 적용하기 위해 사용되는 규칙입니다. 두 가지 질문하신 부분에 대해 설명드리자면:
전체 선택자(*):
* {color: white}는 문서 내의 모든 요소에 스타일을 적용합니다. 즉, 페이지의 모든 요소를 대상으로 하고 있어 전역적으로 스타일이 적용됩니다.body 선택자:
body {color: white}는 HTML 문서에서<body>태그 안에 있는 모든 자식 요소에게 스타일을 적용합니다. 결과적으로 페이지 내 대부분의 텍스트가 포함된 부분에 색상이 적용될 것입니다.
비록 현재 두 경우 모두 비슷한 효과를 발휘하는 것처럼 보일 수 있지만, 특정 레이아웃이나 스타일링이 필요할 때 body 태그의 역할은 전체 페이지 스타일링을 조정할 때 세밀한 구조 조정에 도움이 될 수 있습니다.
관련해서 비슷한 질문 답변을 참고해 보실 수 있습니다:
- CSS 선택자에 대한 기초적인 이해를 돕는 답변 예시 - 모든 선택자의 적용 원리와 우선순위에 대한 설명.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
11강 23:35부터 막혀서 질문 드려요.
0
73
2
API 주소
0
84
1
하이브리드앱 과제 레퍼런스 코드
0
108
2
조건문, 반복문 너무 어려움
0
95
1
고농축 백엔드와 완벽한 프론트 강의 차이?
0
114
2
flex를 grid 처럼 만들기 질문드립니다.
0
93
2
유저 포인트 관련해서 질문 드립니다
0
70
1
npx create-react-app
0
93
1
fetchTravelproductsIPicked 관련 질문 드립니다
0
83
2
강의에서 사용하는 api 접속 불가
0
102
2
강의 커리큘럼에 대해 질문이 있습니다.
0
103
2
윈도우 -> 맥 파일 옮기기 / 실행
0
127
1
fetchUser 요청시 userPoint.amount
0
64
2
npm 배포 후 import 시 오류사항
0
90
2
koreanjson 관련 사이트가 접속이 안되요
0
68
2
17강 질문
0
85
2
tailwinde-css
0
73
2
04-02 Next 페이지 이동
0
80
2
[CSS&JS 마스터]공부하는 속도, 코드 리뷰
0
81
2
GRAPHQL 활용 과제
0
82
2
노란색 경고줄
0
53
1
181. [02-04] setState의 원리 질문
0
62
2
graphql 관련 질문입니다
0
66
2
node.js 설치방법
0
161
1