선택자
- 동위선택자 /
앞에 선언한 애는 제외됨/
div + div: 바로 뒤 형제선택자만
div ~ div: 뒤 모든 형제선택자
주의 사항
```html
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<style>
ul li+li {
color: #f00;
}
</style>
이경우는
1번li 말고 2번li,
2번li 말고 3번li
중첩 되니까
결과적으로 2번,3번 "두개"가 선택됨
```- 속성선택자
input[type=text]
img[src] - 상태선택자
input:focus -클릭 했을 때 스타일값
input:enabled -뭔가 입력 할 때 스타일값
input:disabled / html 에서 input 태그에 disabled 속성 기입하고 css 에서 이렇게 불러와서 스타일 잡으면 됨 / - 구조선택자
:nth-child(2n) - 짝수
:nth-child(2n+1) -홀수
first/last-child = first/last-of-type
- 문자선택자
:first-letter - 첫번째 글짜 선택
:first-line - 첫번째 줄 선택>block 요소 에서만 적용 가능
::selection - 드래그 했을 때 (콜론 두개)- 링크선택자
a::after {
content: '-' attr(href)
/ 이렇게 하면 a 태그 글자 뒤에 -링크주소 가 붙음 /
예시)
<body>
<a href="http://www.naver.com">네이버</a>
</body>- 부정선택자 나를 제외한 모든 태그 :not() 예시) :not(.pink) —> pink class 를 제외한 모든 선택자
화이팅