인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
안녕하세요 :before같이 가상클래스를 사용 하였을때 content에 관해 질문드립니다
작성
·
237
1
■ 질문 남기실 때 꼭! 참고해주세요.
- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
프로젝트 부분 css파트를 진행하실 때, .btn label:before{}을 하셨을 때는 맨위에 content=''를 넣어주셨는데 .btn label:hover:before{} 랑 input[id="tab1"]:checked ~ .btn label[for="tab1"]:before{} 하셨을때는 content를 안넣는 이유가 궁금합니다.
직접 넣어보기도 빼보기도 해봤으나 실행에 큰 차이가 없었습니다
답변 1
0
코딩웍스(Coding Works)
지식공유자
.btn label:before{}에 content 속성이 있다면 가상클래스로 만들어진 .btn label:hover:before{} 이런 선택자에도 이미 content가 있다고 생각하시면 됩니다.
그래서 .btn label:before{}에 content 속성을 넣었다면 btn label:hover:before{} 에 content 속성을 넣을 필요는 없습니다.