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

html-css06

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

按照样式定义：

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

.div1,.div2,.div3,.div4 a:link {}

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

#div1,#div2,#div3,#div4

例如：

<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>

每一个都要加上点

假如有个div 如 <div></div>样式 class_1,class_2,class_3 ...

给div定义多个样式 <div class="class_1 class_2 ..."></div>，多个class用空格隔开