<!DOCTYPE html>
<html>
<head>
<style>
:target{
background-color: red;
}
div{margin: 100px; padding: 100px;}
</style>
</head>
<body>
<a href="#one">menu1</a>
<a href="#two">menu2</a>
<a href="#three">menu3</a>
<div id="one">menu1...</div>
<div id="two">menu2 ...</div>
<div id="three">menu3...</div>
</body>
</html>
위소스에서 menu1을 누르면 menu1...이 red로 변화한다고 css소개란에 나와있는데...
위소스 입력후 menu1을 눌러도 menu1...이 아무런 변화가 없습니다....
target 요소를 사용하여 페이지 인식을 하려고 하는데... 도와주세요 ㅠㅠ
답변 3개
타겟 요소 지정해주세요 예를 들어
<style>
.aaa div:target{
background-color: red;
}
</style>
<a href="#one">menu1</a>
<a href="#two">menu2</a>
<a href="#three">menu3</a>
<div class="aaa">
<div id="one">menu1...</div>
<div id="two">menu2 ...</div>
<div id="three">menu3...</div>
</div>
매생이굴국정상작동하네요.. 브라우저 문제인듯 싶습니다 답변달아주신 두분 감사드립니다 ^^!!
브라우저 버전 확인해 보세요.
ie11, ff, chrome에서는 다 정상적으로 작동합니다.
답변을 작성하려면 로그인이 필요합니다.