Question

如何同时定义多个元素的CSS样式

如题，比如我要同时定义div1,div2,div3,div4的a:hover和a:link以及其他各种样式
我用了例如
.div1 div2 div3 div4
和
.div1,div2,div3,div4
都不行，求高人指点。

Answer 1

例如：
<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>

每一个都要加上点

Answer 2

多个样式或者标签中间用逗号（，）隔开
这样就可以让他们拥有共同的样式
例如：
.div1,.div2,.div3{color:#f00;} //这里表示的是相同的三个DIV颜色为红色
p,h1{color:#f00;} //p标签和h2标题颜色为红色

Answer 3

按照样式定义：
.div1,.div2,.div3,.div4 a:hover {}
.div1,.div2,.div3,.div4 a:link {}

如果你的div 的名字是div1~4,那么应该使用
#div1,#div2,#div3,#div4

Answer 4

同时定义多个class的样式，需要把每个class列出来，并用逗号隔开，class不可以省略前面的-----点“.”
例如
.div1,.div2,.div3,.div4（color:#000;）
定义了所有class包含div1和div2和div3和div4的元素中文字颜色为黑色。

Answer 5

假设有div1，div2，div3，div4
则写成这样
div1,div2,div3,div4{padding:0px}