HTML class 屬性
實(shí)例
在 HTML 文檔中使用 class 屬性：
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
（可以在本頁底部找到更多實(shí)例）
定義和用法
class 屬性規(guī)定元素的類名（classname）。
class 屬性大多數(shù)時(shí)候用于指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
提示和注釋
注釋：class 屬性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
提示：可以給 HTML 元素賦予多個(gè) class，例如：<span class="left_menu important">。這么做可以把若干個(gè) CSS 類合并到一個(gè) HTML 元素。
提示：類名不能以數(shù)字開頭！只有 Internet Explorer 支持這種做法。
瀏覽器支持
W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推薦標(biāo)準(zhǔn)中是否定義了該屬性。
| IE | Firefox | Opera | Safari | W3C |
|---|---|---|---|---|
| YES | YES | YES | YES | YES |
語法
<element class="value">
屬性值
| 值 | 描述 |
|---|---|
| classname | 規(guī)定元素的類的名稱。如需為一個(gè)元素規(guī)定多個(gè)類，用空格分隔類名。 |
親自試一試 - 實(shí)例
- 向元素添加多個(gè)類
- 如何向一個(gè)元素添加多個(gè)類。