css中两个不同的类名(class)怎么同时选择?

css中两个不同的类名(class)怎么同时选择?,第1张

可以用逗号隔开多个类名。

css当中需要对多个类或多个元素等使用相同的样式,都可以在每个选择器后面使用逗号分隔,其他部分的写法是相同的。

例如:.aa,.bb{color:blue}。

CSS中class可以指定多个值,用空格隔开就可以了,多个样式定义最终会叠加在一起应用到当前元素。

一、CSS中id和class的区别:

1、id的优先级比class高。

2、class是通用属性,就是说几个div可以调用同一个class ,而id是唯一的,web标准中不允许出现两个div的id标识是相同的,id也是js获取对象的一个标识,所以也必须是唯一的。

二、class属性修改:

类属性即class属性,规定类名,用类选择器规定样式的时候,需要为元素指定类名,即class属性的值。注意每个HTML元素只有一个class属性。但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔。

方法1:用css的属性选择器。

div[class^="aa"] {

background-color:#d6d6d6

height: 50px

} <div class="aa1">1</div>

<div class="aa2">2</div>

<div class="aa3">3</div>

方法2:用空格分隔多个class

.aa {

background-color:#d6d6d6

height: 50px

} <div class="aa aa1">1</div>

<div class="aa aa2">2</div>

<div class="aa aa3">3</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11918000.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存