css 선택자 정리

CSS선택자 종류

1. 태그명{ }

2. #id{ }

3. .class{ }

4. ul li{ }   이것은 ul태그 밑의 li태그에만 적용하겠다는 의미이다.   

5. #lecture>li{ }  id가 lecture인 부분의 바로 밑 li태그에만 적용한다.

6. ul ,il{ }         여러 태그에 동시에 효과를 적용할 수 있다.

링크와 관련된 가상 클래스 선택자 

: 엘리먼트들의 상태에 따라서 마치 클래스선택자처럼 여러 엘리먼트를 선택할 수 있다는 점에서 붙은 이름

가상클래스 선택자는 a태그뿐만 아니라 다른태그에도 사용이 가능하다.

a:link - 방문한적이 없는 링크

a:visited - 방문한적이 있는 링크

 a:activie{           //url을 누르고 있으면 url색을 초록색으로 바꾼다.

color:green; 

}

a:hover{            //마우스를 url위에 올려 놓았을 때

color:hover

}

input:focus - 어떤 엘리먼트가 포커스된 상태이면 적용된다.