묻고답하기

<!DOCTYPE html>

<html>

<head>

 <title>CSS3 Selector Basic Page</title>

 <style>

  li:first-child {color: red;}

  #first:hover {color: blue;}

  .active:active {color: green;}

 </style>

</head>

<body>

 <h1>CSS3 Basic</h1>

 <ul>

  <li id="first" class="active">CSS3 Selector</li>

  <li >CSS3 Property</li>

  <li>CSS3 Skill</li>

 </ul>

</body>

</html>

 
 
위 style 태그부분에서
기본색은 빨강,
마우스를 올릴시 파랑,
클릭시 초록 으로
설정해줫는데
 
마우스를 올릴시 파랑색으로 바뀌는것까진되는데
 
클릭시에 초록으로 바뀌는게 안되네요
 
.active:active 부분이 잘못된거같은데 뭐가문제일까요 ...ㅠㅜ