엘리먼트 선택자
기본 엘리먼트를 선택하여 css 스타일을 줄 수 있다.
ul { border: 1px solid;}class 선택자
[.]을 이용해 클래스 선택자를 작성할 수 있다.
.italic {font-style: italic;}
<div class="italic">list item</li> ID 선택자
[#]를 이용해 아이디 선택자를 사용할 수 있다.
#first {text-decoration: underline;}
<div id="first">list item</li>자식 선택자
부모이름 한칸 띄고 자식이름을 선택할 수 있다.
엘리먼트를 보다 구체적으로 선택 할 수 있다.
main ul{border:1px solid;}가상 클래스
특별한 상태의 엘리먼트를 선택 할 수 있다.
hh:hover {text-decoration: underline;}
<div class="hh">list item</li>(hover했을때 = 마우스 올렸을 때 밑줄 생기기)
