css 多个类似的class名 怎么使用一个css样式

html-css015

css 多个类似的class名 怎么使用一个css样式,第1张

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

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

一、CSS中id和class的区别：

1、id的优先级比class高。

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

二、class属性修改：

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