CSS Review) 선택자

 

 

띄어쓰기 : 자손 선택자
           > : 자식 선택자
           + : 형제(근접후행) 선택자
           ~ : 형제(후행) 선택자
       
선택자:nth-child(숫자) : 자식 선택자
   
, : 그룹 선택자

 

 

결과 출력

 

 

    반응 선택자  : 사용자의 반응으로 생성되는 특정한 상태를 선택

:active    : 마우스로 클릭할 때 선택

:hover     : 마우스로 올린 태그를 선택

 

 

 

문제) 네모칸에 커서를 두면 회원가입 문자가 노란색이 되게 만들기

fieldset

 

 

 

 

    스타일 시트 명시도 계산

 

가중치	스타일	예시
0	전체	*{color : red}
1	type	p{color : red}
10	class	.txt{color : red}
100	id	#main{color : red}
?	계층/상태	li:hover a{color:red}