在CSS中,class是一种非常常见的选择器,它能够根据给定的CSS规则来为HTML元素定义样式。
例如,我们想要为所有的文本输入框添加一些样式:
.text-input {
font-size: 14px;
border: 1px solid #CCC;
padding: 10px;
}
在上面的代码中,".text-input"就是一个class选择器,它指定了所有class属性为"text-input"的元素应该被应用这些CSS规则。 在HTML中,我们可以这样写:
上面的元素添加了一个class属性,其值为"text-input"。 有时候,我们需要同一个元素使用多个class。例如:
上面的元素中,class属性有两个值:"text-input"和"large"。这是非常常见的用法,特别是在开发响应式网站时。
总之,class是CSS选择器中的一个重要概念,它能够为HTML元素添加样式,使网页更加美观和易于理解。