<html>
<head>
<style>
#div1 {
width:20px;
height:20px;
background:green;
}
#div1:focus,#div2:focus {
background:red;
}
#div2 {
width:20px;
height:20px;
background:blue;
}
</style>
</head>
<div id='div1' tabindex='1'></div>
<div id='div2' tabindex='2'></div>
</html>tabindex是要加的，因为这其实是限制了一个范围，即焦点在这些范围内是产生反应，否则一个页面其实是有很多焦点的，如果点击其他的，那么这些东西都变了，所以要限制一个范围