기본 CSS 셀렉터 사용하기

a - 모든 링크<a>엘리먼트와 일치하는 셀렉터.
#specialID- specialID를 아이디로 가지는 엘리먼트와 일치하는 셀렉터.
.specialClass - specialClass를 클래스로 가지는 모든 엘리먼트와 일치하는 셀렉터.
a#specialID.specialClass - 아이디가 specialID 이고 specialClass를 클래스로 가지는 링크와 일치하는 셀렉터.
p a.specialClass - <p> 엘리먼트 냉에 선언되고 specialClass를 클래스로 가지는 모든 링크와 일치하는 셀렉터.
a[href^=http://] - href의 값이 정확히 http://로 시작하는 모든 링크와 일치한다.
form[method] - method 어트리뷰트를 가지는 <form> 엘리먼트와 일치한다.
input[type=text] - type이 text인 모든 input 엘리먼트와 일치한다.
div[title^=my] - title 어트리뷰트의 값이 my로 시작하는 모든 <div>엘리먼트를 선택한다.
a[href$=.pdf] - pdf 파일을 참조하는 모든 링크를 찾아오는 셀렉터.
a[href*=jquery.com] - jQuery 사이트를 참조하는 모든 <a>엘리먼트와 일치한다.
li:has(a) - <a>엘리먼트를 포함하는 모든 <li> 엘리먼트와 일치한다.
foo:not(bar:has(baz)) -
:first
:last
:first-child
:last-child
:only-child
:nth-child
:nth-child(n) -> li:nth-child(2)는 각 리스트의 두번째 리스트 아이템을 반환한다.
:nth-child(even|odd)
:nth-child(Xn+Y) -> li:nth-child(3n) 3의 배수 번째 아이템을 반환한다.
:even / :odd
:eq(n)
:gt(n) -> n번째 엘리먼트 이후의 엘리먼트와 일치
:lt(n) -> n 번째 엘리먼트 이전의 엘리먼트와 일치