我们如何在HTML中使用不同的CSS类？

  • Z时代
  • 2024-01-10
  • 分类：综合

在HTML中，根据元素的class属性定义样式规则。具有该类的元素将根据定义的规则进行格式化。这称为类选择器。要选择具有特定类的元素，需要编写一个句点（。）字符，后跟类的名称，例如.black

.black {
   color: #000000;
}

对于文档中class属性设置为black的每个元素，以黑色显示内容。例如，仅将class属性设置为black的<h3>元素以黑色呈现内容。

h3.black {
   color: #000000;
}

另一个示例可以包括设置<p>标签的样式。通过以下步骤，用class =“ device”设置所有<p>元素的样式

示例

<!DOCTYPE html>
<html>
   <head>
     <style>
        p.device {
           background: #000000;
           color: #fffffF;
        }
     </style>
   </head>
   <body>
      <p>This is demo text</p>
      <p class="device">Information about devices.</p>
      <p>This is demo text</p>
   </body>
</html>

<p>标签的样式可以使用多个类来完成，例如，此处的设备和附件

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         p.device {
            background: #000000;
            color: #fffffF;
         }
         p.accessories {
            text-align: center;
         }
      </style>
   </head>
   <body>
      <p class="device accessories">DEVICE DETAILS</p>
      <p class="device">Information about devices.</p>
   </body>
</html>

以上是 我们如何在HTML中使用不同的CSS类？ 的全部内容， 来源链接： utcz.com/z/331006.html

回到顶部