2014-07-13 40 views
1

一个HTML元素可以有多个CSS类吗?一个html元素可以有多个CSS类设置?

如果有可能我怎么能在h1上设置2个类?

比如我想这个元素上设置2类(文中心和标题),但这种方式不能工作:

<h1 class="text-center, title"><small>TEXT TEXT TEXT</h1> 

TNX

+0

只是一个评论...记得关闭''标签。 – JaredCubilla

+0

http://flukeout.github.io/#如果你想了解如何使用CSS与HTML一起学习,这个网站对你很有帮助。 – paradite

+0

删除逗号,只是使用空格 –

回答

4

只需添加一个空格,如:

<h1 class="text-center title"><small>TEXT TEXT TEXT</h1>

+1

后续评论 - 我希望你在'h1'结束标记之前关闭'small'标签! – redditor

1

一个HTML元件可具有任何数目的类。在class attribute中,类名由空格或通常由空白字符序列分隔。这根本不是CSS问题。没有“CSS类”; CSS只有类选择器(通过在HTML中设置它们的类引用元素)。

例子:

<h1 class="text-center title"> 

然而,在这种情况下,类名建议,你应该设计不同的编码。当类名反映预期的结构或语义角色而不是具体的渲染细节时,类名的效果最好。很有可能你只能在这里使用一个类,或者没有类:一个页面通常只有一个h1元素,所以你可以使用h1选择器来设置它的样式。

相关问题