개발자 퉁이리

가상 요소(의사 요소) 가상 요소 ::before, ::after는 CSS만으로 특정 부분에 스타일을 지정할 수 있게 도와주는 키워드다. 가상요소 중 ::before, ::after가 대표적이다. 해당 가상 요소(::before, ::after)를 사용하면 요소의 시작부분이나 끝 부분에 스타일을 추가할 수 있다. 티스토리 블로그 개발자 퉁이리 위의 HTML 코드를 예시로, 화면엔 위와 같이 출력된다. 😁 ::before 여기에 가상요소 ::before를 이용해 CSS를 추가해보자. 티스토리 블로그 개발자 퉁이리 위 코드와 같이 추가했다. li 앞에 "👿"가 추가되어야 한다. 화면을 보면 정상적으로 적용되었다. 😁 ::after 추가적으로 가상 요소 ::after도 추가해보자. 티스토리 블로그 개발자 퉁이..

CSS 선택자 CSS 선택자는 style을 적용하고자 하는 HTML 요소를 선택자로 특정하여 스타일을 정의하는 것을 말한다. CSS 선택자 종류 📃 전체 선택자 📃 TAG 선택자 📃 ID 선택자 📃 CLASS 선택자 📃 자손 선택자 📃 자식 선택자 📃 인접 형제 선택자 📃 동적 선택자 📃 구조 의사 클래스 선택자 📃 전체 선택자 HTML 문서 내의 모든 요소를 선택한다. * { } 📃 TAG 선택자 지정된 태그명을 가진 요소를 선택한다. element { } 📃 ID 선택자 지정된 ID를 가진 요소를 선택한다. (선택자 앞에 #를 붙인다.) #ID { } 📃 CLASS 선택자 지정된 CLASS를 가진 요소를 선택한다. (선택자 앞에 .를 붙인다.) .CLASS { } 📃 자손 선택자 A 선택자의 하위 선..