bjfane 2008-4-11 09:14
[原创]CSS定义的方法你了解多少?
td.yourclass {}
.yourclass td {}
#a #b {}
#c,#d{}
#aa ul li span{}
如果大家都知道这些是什么意思,那我就不发这写是什么意思了, 不明白的 跟帖看看,上班花时间写啊,
上面的这些应该叫派生选择器吧
.fanne td {
color: #f60;
background: #666;
} 使用方法举例:<table class=fanne><tr><td></td></tr></table> 这样TD里就有上面的属性了;
td.fanne {
color: #f60;
background: #666;
} 使用方法举例:<table><tr><td class=fanne></td></tr></table> 这样TD里就有上面的属性了;
PS:注意第二个样式中没有空格;
#header{...} #header #haha{...} 这个是haha的定义内容 同时 haha样式也‘继承’了header的所有属性;
#header, #haha{...}这个就是header和haha同时定义一样的属性了;注意区别。
常见的还有#header ul li{...} 这里的li的样式只有在header容器里才能生效了 也是说别的地方的li还是默认的样子。希望对CSS定义样式时迷茫的人有点帮助。
Driver 2008-4-17 00:17
收下了。谢谢哦。确实有帮助了。td.fanne挺有意思的。
ghydesign 2008-11-3 17:40
td.fanne {}一个类名为“fanne”的td的属性
.fanne td {}类名为“fanne”下td的属性
#a #b {}id为a下面的b的属性,即a包括b
#c,#d{}id分别为c、d的共同的属性
#aa ul li span{}与 #a #b {} 一个道理