首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css代码重用和覆盖有关问题

2012-10-31 
css代码重用和覆盖问题这段测试代码说明了.b{}影响.a .b{}中的文字颜色,但是没有影响背景颜色。.b{绿},a .b

css代码重用和覆盖问题


这段测试代码说明了.b{}影响.a .b{}中的文字颜色,但是没有影响背景颜色。
.b{绿},a .b{蓝}和div自己的style(红)都设置了背景颜色,但最后只显示红;
去掉style(红)之后编程蓝色;再去掉a .b{蓝}之后才变成绿色。
原因是同样的CSS会被覆盖。浏览器使用样式的顺序为.b{绿}—〉a .b{蓝}—〉style(红)而后面的样式把前面的样式覆盖掉了。而在class和id下效果是同样的。
注:样式最好还是使用class编辑,id具有唯一性,也就是说一张网页不能有重复的id。虽然目前浏览器也支持重复id,但这样会影响js操作。

热点排行