처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS에서 ::before와 ::after 의사 요소의 공통 필수 조건은?

쉬움 MDN Web Docs
보기 및 정답
A content 속성을 반드시 선언해야 화면에 표시된다
B display: block을 반드시 선언해야 한다
C 부모 요소에 position: relative를 설정해야 한다
D JavaScript로 활성화해야만 사용할 수 있다

해설

::before와 ::after 의사 요소는 content 속성이 없으면 생성되지 않습니다. 빈 내용이라도 content: ''를 반드시 선언해야 합니다. 이 의사 요소는 해당 요소의 첫 번째 자식(::before) 또는 마지막 자식(::after)으로 삽입됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기