CSS 中的 class 值是用来给 HTML 元素添加样式的关键词。class 值可以由用户自行定义,也可以使用预定义的 class 名称。例如,一个 div 元素可以有一个 class 值为 my...
CSS 中的 class 值是用来给 HTML 元素添加样式的关键词。
class 值可以由用户自行定义,也可以使用预定义的 class 名称。例如,一个 div
元素可以有一个 class 值为 my-class
,以便在样式表中为该元素定义样式:
.my-class {
font-size: 16px;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
}
在 HTML 中,可以将 class 值添加到任何元素中,比如:
<div class="my-class">This is a div</div>
<p class="my-class">This is a paragraph</p>
<h1 class="my-class">This is a heading</h1>
这些元素都将使用样式表中定义的 .my-class
类来渲染样式。
在 CSS 中,一个元素可以同时具有多个 class 值,如:
<div class="my-class1 my-class2 my-class3">This is a div</div>
这个 div
元素将同时使用 .my-class1
、.my-class2
和 .my-class3
类的样式。
class 值可以随意命名,只要符合 CSS 规则即可。但为了方便记忆和维护代码,建议给 class 值起有意义的名称。