Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. HTML(超文本标记语言)
  3. HTML 参考
  4. 全局属性
  5. class

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

class

全局属性class 的值是一个以空格分隔的元素的类名(classes)列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或 DOM 方法 (document.getElementsByClassName) 来选择和访问特定的元素。

尝试一下

<p>Narrator: This is the beginning of the play.</p><p>Above point sounds a bit obvious. Remove/rewrite?</p><p>Narrator: I must warn you now folks that this beginning is very exciting.</p><p>[Lights go up and wind blows; Caspian enters stage right]</p>
.note {  font-style: italic;  font-weight: bold;}.editorial {  background: rgb(255, 0, 0, 0.25);  padding: 10px;}.editorial:before {  content: "Editor: ";}

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

规范

Specification
HTML
# classes

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp