상태 선택자
상태 선택자는 서치바나 로그인창, 체크 박스 등 입력양식의 상태를 선택할때 사용하는 선택자이다.[기본형]
- 선택자:checked
: 체크 상태의 input태그를 선택할때 사용한다.
- 선택자:focus
: 포커스 상태(무언가를 입력하거나 클릭할 수 있도록 요소가 활성화 된 상태)의
태그를 선택할때 사용한다.
- 선택자:enabled
: 사용가능한(입력 가능한) 상태의 태그를 선택할 때 사용한다.
- 선택자:disabled
: 사용불가능한 상태의 태그를 선택할 때 사용한다.시작문자 선택자
시작문자 선택자는 태그 내부의 첫 글자나 첫 문장을 선택하는 선택자이다.[기본형]
- 선택자::first-letter
: 첫 번째 글자를 선택한다.
- 선택자::first-line
: 첫 번째 문장을 선택한다.가상요소 선택자★
html코드에는 존재하지 않는 구조요소를 만들어 스타일을 부여하는 선택자.
html문서내에는 보이지 않지만 미리 정의한 위치에 가상의 요소를 넣어 표현할 수 있다.
가상요소 선택자로 만들어지는 가상요소들은 inline속성을 갖는다.[기본형]
- 선택자::before
: 선택자의 앞에 가상요소를 생성한다. 필수 속성으로 content속성을 넣어 표현한다.
- 선택자::after
: 선택자의 뒤에 가상요소를 생성한다. 필수 속성으로 content속성을 넣어 표현한다.부정 선택자
부정 선택자는 선택된 태그 중 제외하고 싶은 태그가 있을 경우 사용한다.[기본형]
선택자:not(제외시킬 요소)
: 태그를 다중 선택하는데 특정 요소는 제외하고 선택한다.
Hi