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

html-css020

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样式写在页面head标签之中,还有就是行内样式,把样式写在所需要的地方

1、外部引用样式

2、内嵌样式

3、行内样式