1.这个小练习用到了css的四种选择器id选择器，类选择器，html选择器，通配符选择器。
（1）如果一个元素中用到了各种选择器，并且选择器中的属性发生了冲突，则
优先级为id选择器>类选择器>html选择器>通配符选择器。
（2）如果一个元素中用到了同一种选择器的不同样式，若发生了属性冲突，则以在css文件中后一个定义的属性值为准。
2..用到了未访问的链接，鼠标悬浮的状态，以及已访问的链接的状态。
html文件（test3.html）：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html></html>
css文件（test3.css）：
/*id选择器*/
#style1 {
font-size: 90px;
font-style: normal;
background-color: yellow;
}
/*这些都是类选择器*/
.s1 {
color: blue;
font-size: 50px;
}
.s2 {
background-color: black;
font-style: italic;
font-size: 80px;
color: red;
font-weight: bold;
}
.s3 {
background-color: gray;
font-weight: bolder;
}
.s4 {
background-color: green;
font-style: italic;
font-weight: bold;
font-size: 80px;
text-decoration: underline;
}
/*html选择器*/
body {
background-color: yellow;
}
div {
font-size: 40px;
}
/*通配符选择器--所有的元素都符合某一种样式*/
* {
margin: 0;
padding: 0;
}
效果图片：
原文地址：http://blog.csdn.net/u011662320/article/details/37700551
