全局屬性 class 的值是一個(gè)以空格分隔的元素的類名(classes )列表,它允許 CSS 和 Javascript 通過類選擇器 (class selectors) 或DOM方法( document.getElementsByClassName)來選擇和訪問特定的元素。
在 HTML 文檔中使用 class 屬性:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
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>盡管對class 的命名沒有要求,但 web 開發(fā)者最好使用可以表達(dá)元素語義目的的名稱,而不是描述元素展現(xiàn)的名稱(即使一個(gè)元素是斜體,但是 class 的命名也不應(yīng)該是 italics)。語義化命名即使在頁面展現(xiàn)發(fā)生改變時(shí)仍能合乎邏輯。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 class 屬性
class 屬性定義了元素的類名。
class屬性為一個(gè)元素指定一個(gè)或多個(gè)類名。
class屬性通常用于指向樣式表中的類。但是,JavaScript也可以使用它(通過HTML DOM)對具有指定類的HTML元素進(jìn)行更改。
在 HTML5 中, class 屬性可用于任何的 HTML 元素 (它會(huì) 驗(yàn)證任何HTML元素。但不一定是有用)。
在 HTML 4.01 中, class 屬性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和 <title>。
<element>
| 值 | 描述 |
|---|---|
| classname | 規(guī)定元素的類的名稱。如需為一個(gè)元素規(guī)定多個(gè)類,用空格分隔類名。
<span>. HTML 元素允許使用多個(gè)類。 名稱規(guī)則:
|
為元素添加多個(gè)類
HTML 元素中如何添加多個(gè)類。