css中应用多个类是什么意思?

html-css06

css中应用多个类是什么意思?,第1张

.a{/*第1个类*/

font-size: 14px

color: red

}

.b{/*第2个类*/

border: none

float: left

display: block

}

.c{/*第3个类*/

background: red

}

这是一个类:

<p class="a">文字</p>

中间加个空格,一个html元素上你可以应用多个class类:

<p class="a b c">文字</p>

但是#id不能这么用:

<a id="id1 id2">这个链接上有两个id是错误的,只有class能这么用</a>

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

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

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

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