CSS PSEUDO CLASS2 CSS pseudo-elements CSS pseudo-elements란 무엇인가? CSS 의사 요소는 요소의 지정된 부분을 스타일링하는 데 사용된다. 예를 들어, 다음과 같은 용도로 사용할 수 있다: 요소의 첫 번째 문자 또는 줄 스타일 지정 요소의 내용 앞 또는 뒤에 내용 삽입 구문 selector::pseudo-element { property: value; } ::first-line pseudo-elemtn ::first-line pseudo class는 텍스트의 첫 번째 줄에 특수 스타일을 추가하는 데 사용된다. 다음 예제는 모든 요소에 텍스트의 첫 줄을 포맷한다: :: 첫 줄 의사 요소를 사용하여 텍스트의 첫 줄에 특수 효과를 추가할 수 있습니다. 텍스트가 더 많이, 더 많이, 더 많이, 더 많이, 더 많이, 더 많이, 더 많이.. 2023. 8. 30. CSS pseudo-classes pseudo-class가 무엇인가? pseudo class는 선택하고자 하는 HTML 요소의 특별한 상태(state)를 정의하는 데 사용된다. 예를 들어, 다음과 같은 용도로 사용할 수 있다: 사용자가 요소 위에 마우스를 올릴 때 요소 스타일 지정 방문한 링크와 방문하지 않은 링크 스타일이 다릅니다 요소가 포커스를 맞출 때 스타일 지정 구문 selector:pseudo-class { property: value; } 클래스나 아이디에도 pseudo class를 사용할 수 있다. selector.class-name:psudo-class { property: value; } or selector.id-name:psudo-class { property: value; } Pseudo Class 대표적인 CSS .. 2023. 8. 29. 이전 1 다음