css样式规则是什么

CSS样式规则

CSS 样式规则用于定义 HTML 元素的视觉样式。每个规则包含两个主要部分：

• 选择器：确定规则适用的 HTML 元素。
• 声明块：定义元素的样式属性及其值。

选择器

选择器可以以多种方式指定目标元素：

• 元素选择器：选择具有特定名称的元素，例如 p 或 div。
• 类选择器：选择具有特定 CSS 类名的元素，例如 .my-class。
• ID 选择器：选择具有特定 ID 的元素，例如 #my-id。
• 后代选择器：选择一个元素的子元素，例如 div p。

声明块

声明块包含一组样式属性，每个属性都后跟一个冒号和一个值：

• 属性：要设置的样式属性，例如 color、font-size 或 background-color。
• 值：属性的实际值，例如 red、12px 或 #ffffff。

示例 CSS 样式规则

<code class="&lt;a style=\'color:#f60; text-decoration:underline;\' href=" https: target="_blank">css"&gt;p {
  color: blue;
  font-size: 16px;
}

.my-class {
  background-color: yellow;
  padding: 10px;
}</code>