html中的UL li 的CSS应用区别?

显示全部楼层 · 2008-11-21 15:00:15

/!--html 构架--/

[url=]0804期杂志导读[/url]

[url=]0804期杂志导读[/url]

这是样式
.right1wz{font-size:12px; color:#f10b6e; line-height:20px;width:540px; background:#FFFFFF;border:#E0E0E0 1px solid; float:left; padding:0 10px 10px 10px; margin-left:5px; height:70px;}
.right1wz ul{ width:450px; float:left; margin:5px 5px 0 10px;}
.right1wz ul li{width:100px; float:left; color:#5b5c5c; margin-left:10px;}
.right1wz ul li a{ text-decoration:none; color:#5b5c5c;}
.right1wz ul li a:link{ color:#5b5c5c;}
.right1wz ul li a:visited{ color:#5b5c5c;}
.right1wz ul li a:hover{ color:#FF0099;}
目的是达到文字的排序效果．大家看看有什么问题么？如何才能更精简！才接触css的我在此先谢谢大家了！

千问 · 2008-11-21 15:00:15

right1wz ul li a这句代码就已经代表.right1wz ul li a:link, .right1wz ul li a:visited, right1wz ul li a:activer 这3个个属性了; 其实正规的写法是需要把a:link a:visited a:hover a:activer 这四个属性依次都要写出来控制（它们四个的意思我想你知道的）；最好不要直接控制直接控制a; 你CSS中的.right1wz ul li都可以写成.right1wz li这两种写法都正确,但是你需要更精简那么就把能简写的地方简写掉吧...