• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

안녕하세요 :before같이 가상클래스를 사용 하였을때 content에 관해 질문드립니다

22.06.12 19:13 작성 조회수 128

1

■ 질문 남기실 때 꼭! 참고해주세요.

- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
 

프로젝트 부분 css파트를 진행하실 때, .btn label:before{}을 하셨을 때는 맨위에 content=''를 넣어주셨는데 .btn label:hover:before{} 랑 input[id="tab1"]:checked ~ .btn label[for="tab1"]:before{} 하셨을때는 content를 안넣는 이유가 궁금합니다.

 

직접 넣어보기도 빼보기도 해봤으나 실행에 큰 차이가 없었습니다

답변 1

답변을 작성해보세요.

0

.btn label:before{}에 content 속성이 있다면 가상클래스로 만들어진 .btn label:hover:before{} 이런 선택자에도 이미 content가 있다고 생각하시면 됩니다.

그래서 .btn label:before{}에 content 속성을 넣었다면 btn label:hover:before{} 에 content 속성을 넣을 필요는 없습니다.