묻고답하기
고수님들 CSS3 태그 질문드립니다. ㅠㅜ
2018.10.07 16:58
<!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 부분이 잘못된거같은데 뭐가문제일까요 ...ㅠㅜ
:active 가 성립하려면 a테그가 되어야 합니다.
<li id="first" ><a class="active" href="#">CSS3 Selector</a></li>
이걸로 해 보세요.