11. 가상 요소 앞에서 학습한 가상 클래스와 용어가 헷갈릴 수는 있다. 가상 요소 또한 '~에 한하여'와 같이 스타일을 적용하는 데 제한을 거는 방식이기 때문이다. 하지만 가상 요소는 선택된 요소에서도 특정 부분만을 선택하기 때문에 가상 클래스와는 엄연히 다른 개념이다. MDN 홈페이지에서 가상 요소로 쓰일 수 있는 목록들이 나타나 있는데, 그 목록 중에서도 플라스크 아이콘이 뒤에 붙어있는 것들이 있었다. (시험용을 뜻한다. 일종의 베타 테스트 중인 가상 요소이니 실제 개발 코드로 아직 사용하지 말라는 뜻이라고 한다.) ▼ MDN에 나열된 가상 요소 목록 (취소선 그어진 것이 시험용) ::after ::cue-region ::grammar-error ::selection ::backdrop ::firs..

☃ 가상 요소 웹 문서 안의 특정 부분에 스타일을 지정하려고 가상으로 요소를 만들어 추가하는 방법이다. cf, 가상 클래스: 웹 문서의 여러 요소 중에서 원하는 요소를 선택하는 방법 가상 요소를 쓰는 이유? → 특별히 화면에 보이는 부분을 꾸밀 때, 불필요한 태그를 사용하지 않도록 하기 위함! ::first-line 요소 & ::first-letter 요소 ::first-line 지정한 요소의 첫 번째 줄에 스타일을 적용한다. (내가 만든) 예시 1. 내가 좋아하는 노래 가사 climax 부분 이젠 알아요 너무 깊은 사랑은 외려 슬픈 마지막을 가져온다는 걸~♬ 그대여 빌게요 다음 번의 사랑은 우리 같지 않길 부디 아픔이 없이~♬ ↓ ::first-letter 지정한 요소의 첫 번째 글자에 스타일을 적용한..