查看完整版本: [原创]CSS定义的方法你了解多少?

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 {} 一个道理
页: [1]
查看完整版本: [原创]CSS定义的方法你了解多少?