반응형 가상선택자3 CSS 가상 선택자4(::first-line, ::first-letter, ::before, ::after) ● 의사 요소 선택자(pseudo-element) ★ 요소의 지정된 부분을 스타일 설정하기 위한 선택자. ※ 종류 ☆ ::first-line - 요소의 첫줄에 스타일을 설정 ☆ ::first-letter - 요소의 첫 글자에 스타일을 설정 ☆ ::before - 요소의 앞에 어떤 내용을 삽입하기 위한 선택자. ☆ ::after - 요소의 뒤에 어떤 내용을 삽입하기 위한 선택자. ★ pesudo_element_selector.html ★ Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu tincidunt lectus. Duis augue quam, tincidunt vel ante faucibus, vest.. 2023. 5. 16. CSS 가상 선택자3(:disabled, :checked) ● 가상 선택자 ★ 의사 클래스 선택자(pseudo-class) - 요소의 특수한 상태를 정의하는데 사용 - 예를 들어, 링크 요소에 마우스가 올라갔을 때, 내려올 때 등. ※ 종류 ☆ :disabled - 요소의 속성 중에 disabled 가 설정될 때의 스타일 설정. ☆ :checked - 체크 요소의 체크가되었을 때의 스타일 설정. ★ pseudo_class_selector3.html ★ 대중교통 자가용 2023. 5. 16. CSS 가상 선택자2(:first-child, :last-child, :nth-child(2n+1)) ● 가상 선택자 ★ 의사 클래스 선택자(pseudo-class) - 요소의 특수한 상태를 정의하는데 사용 - 예를 들어, 링크 요소에 마우스가 올라갔을 때, 내려올 때 등. ☆ :first-child : 첫번째 ☆ :last-child : 마지막 ☆ :nth-child(2n+1) : even: 짝수번째, odd: 홀수번째 요소선택 2n: 2의 배수, 3n: 3의 배수로 요소 선택 ★ peseudo_class_selector.html★ 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 프론트엔드 프로그래밍 2023. 5. 16. 이전 1 다음 반응형
