📜  css 选择类名的一部分 - CSS (1)

📅  最后修改于: 2023-12-03 14:40:22.384000             🧑  作者: Mango

CSS 选择类名的一部分

在CSS中,类选择符是一种用于选择具有相同类的元素的选择器。类选择器的语法是以句点(.)开头,后面跟随类名。例如:

.myClass {
  color: red;
}

上面的样式表指定了一个类名为“myClass”的元素的字体颜色为红色。要应用此样式,只需将该类名添加到所需的元素上即可。例如:

<div class="myClass">Hello World!</div>

上面的代码将创建一个带有“myClass”类名的 div 元素,并将其文本颜色设置为红色。

类选择符可以与其他选择器组合使用,例如:

.myClass p {
  font-size: 16px;
}

上面的样式表设置了具有“myClass”类的所有段落元素的字体大小为16像素。相应的 HTML 代码如下:

<div class="myClass">
  <p>This paragraph has a font size of 16px.</p>
  <p>So does this one!</p>
</div>

总之,类选择器是CSS中重要的选择器之一,允许您根据类名选择元素并应用相应的样式。