在讨论CSS属性之前，先了解链接的状态是非常重要的。链接可以存在于不同的状态，并且可以使用伪类进行样式设置。
可以在样式后面加上！important，如：
backgroundcolor:red!important;
!important 将覆盖行内css
css优先级：行内css>id选择器(#)>伪类
先列出CSS中常用的伪类
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
:checked 选择所有选中的表单元素
:disabled 选择所有禁用的表单元素
p:first-child 父元素中第一个p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一个p元素
p:before
p:after 这两个常被用来清除浮动
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。
2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。
3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。
4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。
5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
0
