의사 클래스(pseudo-class)
CSS에서 의사 클래스(pseudo-class)는 선택하고자 하는
HTML 요소의 특별한 '상태(state)'를 명시할 때 사용합니다.
( ex : a:hover / a:link )
의사 클래스의 문법
의사 클래스(pseudo-class)를 사용하기 위한 문법은 다음과 같습니다.
선택자:의사클래스이름 {속성: 속성값;}
클래스(class)나 아이디(id)에도 의사 클래스(pseudo-class)를 사용할 수 있습니다.
선택자.클래스이름:의사클래스이름 {속성: 속성값;}
선택자#아이디이름:의사클래스이름 {속성: 속성값;}
의사 클래스(pseudo-class)의 이름은 대소문자를 구분하지 않습니다.
https://www.w3schools.com/css/css_pseudo_classes.asp
CSS Pseudo-classes
CSS Pseudo-classes What are Pseudo-classes? A pseudo-class is used to define a special state of an element. For example, it can be used to: Style an element when a user mouses over it Style visited and unvisited links differently Style an element when it g
www.w3schools.com
http://tcpschool.com/css/css_selector_pseudoClass
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
의사요소
가상 클래스(pseudo-classes)처럼, 가상 요소(pseudo-element)는 선택자(selector)에 추가되지만 특별한 상태를 기술하는 대신, 문서의 특정 부분을 스타일할 수 있습니다.
( ex : ::after / ::before )
가상요소를 사용함으로써 불필요한 태그를 줄일 수 있다.
https://www.w3schools.com/css/css_pseudo_elements.asp
CSS Pseudo-elements
CSS Pseudo-elements What are Pseudo-Elements? A CSS pseudo-element is used to style specified parts of an element. For example, it can be used to: Style the first letter, or line, of an element Insert content before, or after, the content of an element Syn
www.w3schools.com
'css > css속성' 카테고리의 다른 글
| (미작성) css 변수 적용하기_ :root (0) | 2021.05.11 |
|---|