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 요소를 사용하여 페이지 인식을 하려고 하는데... 도와주세요 ㅠㅠ