html - CSS:如何处理特定标签

Question

我刚开始学习 CSS(和 XHTML)，我遇到了为具有相同标签名称的标签分配不同属性的问题。

例如:我有两个 h3 标题，但我想使用 CSS 专门解决它们，因为我想让它们具有不同的颜色。

我相信这与以不同方式命名 header (即 h3.a)有关，但尝试这样做没有用。帮助将不胜感激!

Answer 1

除标签名称CSS外，还可以通过Class和ID来应用。请注意，最好确保标签中的大小写与标签中的大小写相匹配。

.myClass 可能不适用于 class="myclass"

ID:

<style>
#FirstHeading {color: red;}
#SecondHeader {color: blue;}
</style>

<h3 id="FirstHeading"></h3>
<h3 id="SecondHeader"></h3>

类: .redHeading {颜色:红色;} .blueHeader {颜色:蓝色;}

<h3 class="redHeading"></h3>
<h3 class="blueHeader"></h3>

ID 的目的通常是指向页面中的一个特定元素，类旨在与多个不同的元素一起使用

类也可以组合，因此您不需要将所有样式加载到一个类中。

<style>
.redHeading {color: red;}
.blueHeader {color: blue;}
.boldHeader {font-weight: bold;}
</style>

<h3 class="redHeading boldHeader"></h3>
<h3 class="blueHeader boldHeader"></h3>