css相同的div怎么写才能减少代码?

来源:百度知道 编辑:UC知道 时间:2024/05/10 10:04:17

一般有两种方法。。

一,不同的标签,相同的样式,可以将各条合并成一句。如:body,body a,body a:link,body a:href {color:#};
但是这样并不推荐,因为这样容易出现浏览器显示错误。尤其是旧版本非IE浏览器。

第二种,相同的标签,相同的样式,用一句就可以了。。
如原来为:body div {}; #my_profile div {}; #my_link div{};
可以改为:body div {};
或者直接用: div {};

说明,因为样式是有继承性的,body为最上层样式,其它下层样式默认会继承上层样式,因此,如果下层样式与上层一致则可不再单独定义。。只需在有特别需要的地方单独另写样式代码。。。利用好样式的继承功能将能让你事半功倍,而且页面更整洁和谐。。。

把每个DIV 的ID 都写在一起,后面写上CSS样式就可以了,
比如有这样几个DIV,ID分别是 a b c
你就这样写
#a #b #c { 样式代码 }