DIV+CSS问题：HTML里写一个DIV，能用CSS对其重复调用么？ 见补充说明！

来源：百度知道 编辑：UC知道 时间：2024/06/22 23:54:16
我在静态HTML里写了一个较庞大的div，由于编码效率问题，我不想把它们重复复制N遍，能不能用CSS实现对这个div的重复调用？

我要的效果是：20个div，透明度以 5 递增，相互重叠，成为阴影效果。

不要JS，纯静态的HTML+CSS。不知CSS能否做到对DIV的复用？
谢谢 loveandkissyou 的回答。
我可能漏说了重要的一点，我要调到兼容 IE6,IE7,FF,Opera。
我已经知道怎么去Hack了。但是CSS滤镜貌似FF等浏览器不支持。

E帆人生: 我刚接触div+css，一个问题没想明白：
由于我在html中只定义一次div，就算有class属性，
我在css中重复定义也不能起到复制的作用啊，而且以最后一次css定义为准吧？

我已经找到了一个替代方案，就是将div做成html，用iframe标签实现重复调用。
这样的话虽然HTML和CSS的代码还是累赘了点，但总比复制20遍div好。

至今没有找到静态css复制div的方法，所以最佳答案给： 阳光上的桥!
同时感谢 loveandkissyou 和 E帆人生!

CSS不可能完成复制，要复制必须使用JS

可以，前台写DIV时，DIV的后面加上CSS，
然后在CSS页时，每个样式前面用.来做。
因为前台DIV如果都是用ID的话，CSS样式页都要用#来写，无法重复使用，所能建议有重复的地方写成Class。
前台在引用CSS时，可以同时引用多个，每个样式之间用空格格开。举个小例子吧。
比如你CSS页写了以下两个样式：
.style1{}
.style2{}
而你在前台有一个DIV要同时用到这两个样式，那么就这样写：
<div class="style1 style2"></div>
这样就同时引用了两个样式。
所以在写CSS的时候，还是有一些小的技巧的，不要把许多定义都写到一个样式里，要看看这个样式还有没有可能被其它DIV引用。

css有滤镜效果，试试看