📅 最后修改于: 2023-12-03 15:10:32.312000 🧑 作者: Mango
HTML 是网页标记语言，可以通过 CSS（层叠样式表）更改网页的样式和布局。其中，更改标记的颜色是 CSS 中比较常见的操作。本文将介绍更改 CSS 中标记的颜色的各种方法和示例。
更改单个标记的颜色可以通过在 CSS 中使用 color 属性，例如：
p {
color: red;
}
上面的 CSS 代码会将所有 <p> 标记的文字颜色更改为红色。
如果需要更改多个标记的颜色，可以使用类选择器或 ID 选择器。
类选择器以点号 "." 开头，可以为多个标记设置相同的样式。
HTML：
<p class="red">This text is in red color.</p>
<p class="red">This text is also in red color.</p>
CSS：
.red {
color: red;
}
上面的 CSS 代码将所有拥有 class="red" 属性的标记的文字颜色更改为红色。
ID 选择器以井号 "#" 开头，用于为单个标记设置样式。
HTML：
<p id="green">This text is in green color.</p>
CSS：
#green {
color: green;
}
上面的 CSS 代码将拥有 id="green" 属性的标记的文字颜色更改为绿色。
HTML 中的某些标记（例如 <p>、<h1> 等）具有继承样式，即它们的某些样式会自动应用到其子元素。
例如，如果将 <body> 标记的背景颜色更改为灰色：
body {
background-color: gray;
}
那么所有子标记的背景颜色也会变为灰色，除非它们自己定义了背景颜色。
更改 CSS 中标记的颜色可以通过 color 属性和选择器来实现。单个标记的颜色可以通过直接使用标记名，多个标记的颜色可以通过类选择器或 ID 选择器来实现。在某些情况下，标记的样式会被其子标记继承，需要注意。