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

Posted 2023-04-23

如题，比如我要同时定义div1,div2,div3,div4的a:hover和a:link以及其他各种样式
我用了例如
.div1 div2 div3 div4
和
.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:hovercolor:red;
.div1,.div2,.div3,.div4 a:linkcolor:#ddd;
</style>

每一个都要加上点 参考技术A 多个样式或者标签中间用逗号（，）隔开
这样就可以让他们拥有共同的样式
例如：
.div1,.div2,.div3color:#f00; //这里表示的是相同的三个DIV颜色为红色
p,h1color:#f00; //p标签和h2标题颜色为红色 参考技术B 按照样式定义：
.div1,.div2,.div3,.div4 a:hover
.div1,.div2,.div3,.div4 a:link

如果你的div 的名字是div1~4,那么应该使用
#div1,#div2,#div3,#div4 参考技术C 同时定义多个class的样式，需要把每个class列出来，并用逗号隔开，class不可以省略前面的-----点“.”
例如
.div1,.div2,.div3,.div4（color:#000;）
定义了所有class包含div1和div2和div3和div4的元素中文字颜色为黑色。

参考资料：自己

参考技术D 假设有div1，div2，div3，div4
则写成这样
div1,div2,div3,div4padding:0px

css中两个不同的类名（class）怎么同时选择？

html中定义了两个不同的类名，但是，我需要他的css效果是一样的。比如说，我有两个div标签定义为aa和bb，那么我在css中用一个选择器把两个都给选中？

可以用逗号隔开多个类名。
css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔，其他部分的写法是相同的。
例如：.aa,.bbcolor:blue;。 参考技术A CSS文件选中两个类方法：. aa, .bb
//你要写的样式

html选择两个类方法：
<div class="aa"></div>
<div class="bb"></div>
<div class="aa bb"></div>

希望能帮到你！本回答被提问者采纳 参考技术B 同样的样式想要给两个不同的class添加，只需要给两个class用逗号隔开就可以了。
示例如下:
. aa, .bb
color: red;