css target 요소 사용법???
본문
<!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에서는 다 정상적으로 작동합니다.
정상작동하네요.. 브라우저 문제인듯 싶습니다 답변달아주신 두분 감사드립니다 ^^!!