CSS伪类

<style type="text/css">
a:link {color: #FF0000} / 未访问的链接 /
a:visited {color: #00FF00} / 已访问的链接 /
a:hover {color: #FF00FF} / 鼠标移动到链接上 /
a:active {color: #0000FF} / 选定的链接 /
input[type="text"]:focus{border:1px solid #f33;}
input[type="button"]:hover{color:#f00}
table{width:400px; border:1px solid #c}
td{border:1px solid #c}
td:first-child{color:#f00}
tr:hover{background:#eee}
q:lang(no){
quotes:"~" "~"
}

<p>
<a href="http://tomieric.tk">tomieric</a>
</p>
<p>
<input type="text" name="text1" value="" />
<input type="button" name="submit" value="确定" />
</p>
<p>这是测试<q lang="no">博客园</q><p>
<table>
<tr><td>第一行</td><td>第一行</td></tr>
<tr><td>第2行</td><td>第一行</td></tr>
</table>