class

一个以空格分隔的元素的类名（classes）列表，它允许CSS和Javascript通过类选择器(classselectors)或DOM方法(document.getElementsByClassName)来选择和访问特定的元素。

浏览器支持

示例

Narrator: This is the beginning of the play.
Above point sounds a bit obvious. Remove/rewrite?
Narrator: I must warn you now folks that this beginning is very exciting.
[Lights go up and wind blows; Caspian enters stage right]
.output {
    font: 1rem 'Fira Sans', sans-serif;
}

.note {
    font-style: italic;
    font-weight: bold;
}

.editorial {
    background: rgb(255, 0, 0, .25);
    padding: 10px;
}

.editorial:before {
    content: 'Editor: ';
} 

尽管对class 的命名没有要求，但 web 开发者最好使用可以表达元素语义目的的名称，而不是描述元素展现的名称（即使一个元素是斜体，但是 class 的命名也不应该是 italics）。语义化命名即使在页面展现发生改变时仍能合乎逻辑。

实例在 html 文档中使用 class 属性：

h1.intro{color:blue;}
		p.important{color:green;} 
header 1
a paragraph.
note that this is an important paragraph.:)

定义和用法

class 属性定义了元素的类名。

class 属性通常用于指向样式表的类。但是，它也可以用于 JavaScript 中（通过 HTML DOM）,来修改 HTML 元素的类名。

HTML 4.01 与 HTML5之间的差异

在 HTML5 中, class 属性可用于任何的 HTML 元素(它会验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中, class 属性不能用于:,,,,,,,和。

语法

属性值

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com