怎样同时定义多个元素的CSS样式？

html-css044

怎样同时定义多个元素的CSS样式？,第1张

按照样式定义：\x0d\x0a.div1,.div2,.div3,.div4 a:hover {}\x0d\x0a.div1,.div2,.div3,.div4 a:link {} \x0d\x0a\x0d\x0a如果你的div 的名字是div1~4,那么应该使用\x0d\x0a#div1,#div2,#div3,#div4

CSS不可以同时定义两个背景，不过你可以嵌套一下，比如：在div里面嵌套一个span，然后可以分别设置背景，以达到自己想要的效果。

做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。

然后在设置背景的时候， 横向（repeat-x）或纵向平铺（repeat-y）就可以了。

如果是纵向渐变，就做竖条，横向平铺。横向渐变，就是做横条，纵向平铺就可以了。 就这么简单。

例如：

<div class="div1"><a>1</a></div>

<div class="div2"><a>1</a></div>

<div class="div3"><a>1</a></div>

<div class="div4"><a>1</a></div>

<style>

.div1,.div2,.div3,.div4 a:hover{color:red}

.div1,.div2,.div3,.div4 a:link{color:#ddd}

</style>

每一个都要加上点