CSS :focus
:focus 选择器用于选取获得焦点的元素。
提示：接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
所有主流浏览器都支持 :focus 选择器。
注释：如果 :focus 用于 IE8 ，则必须声明 <!DOCTYPE>。
<html><head>
<style>
input:focus
{
background-color:yellow
}
</style>
</head>
<body>
<p>在文本框中点击，您会看到黄色的背景：</p>
<form>
First name: <input type="text" name="firstname" /><br>
Last name: <input type="text" name="lastname" />
</form>
</body>
</html>
写jquery吧假设你要设为焦点的id为yyy，例如<input type='text' id='yyy' />
然后在页面里先引入Jquery，然后自定义函数
<script type='text/javascript'>
$(function(){
yyy.focus()
})
</script>
CSS 3 选择器加入了一个叫 :target 的伪类，它的作用是选中id与地址栏中#匹配的元素。如下：
html:
<a href="#tab1">tab1</a><a href="#tab2">tab2</a>
<div id="tab1">...</div>
<div id="tab2">...</div>
css:
div { display: none }div:target { display: block }
当用户点击第一个链接的时候，地址栏会变成：http://.......#tab1，此时会显示id为tab1的div，点击第二个链接的时候，地址栏会变成：http://......#tab2，此时会显示id为tab2的div。
