首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将两个CSS类应用于单个元素

如何将两个CSS类应用于单个元素
EN

Stack Overflow用户
提问于 2011-03-30 14:25:24
回答 6查看 213.4K关注 0票数 111

我可以将两个类应用于单个divspan或任何HTML元素吗?例如:

代码语言:javascript
复制
<a class="c1" class="c2">aa</a>

我试过了,但在我的情况下,c2没有被应用。如何同时应用两个类?

EN

回答 6

Stack Overflow用户

发布于 2011-03-30 14:27:31

将两个类字符串都包含在一个类属性值中,并在其间留一个空格。

代码语言:javascript
复制
<a class="c1 c2" > aa </a>
票数 16
EN

Stack Overflow用户

发布于 2011-03-30 14:43:26

正如其他人所指出的,您只需用空格分隔它们。

但是,了解选择器是如何工作的也很有用。

考虑一下这段HTML...

代码语言:javascript
复制
<div class="a"></div>
<div class="b"></div>
<div class="a b"></div>

使用.a { ... }作为选择器将选择第一个和第三个。但是,如果您想选择同时具有ab的选择器,则可以使用选择器.a.b { ... }。请注意,这在IE6中不起作用,它将简单地选择.b (最后一个)。

票数 12
EN

Stack Overflow用户

发布于 2013-09-08 02:47:19

代码语言:javascript
复制
<a class="c1 c2">aa</a>
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5482677

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档