CSS可通过不同属性以各种不同方式来设置链接的样式；例如：使用color属性设置链接颜色、使用text-decoration属性去掉下划线等等。还可以通过:link、:visited、:hover、:active设置不同状态的链接

在讨论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