当我有多个h5标题时，如何使用CSS来样式特定的h5标题？

Question

在我的代码中，有几个h5标题，我只想在不更改其他标题的情况下对其中一个标题进行样式化。我尝试在CSS文件中使用以下代码：

h5{
    color:blue;
    text-align:center;
}

显然，这改变了我在我的h5代码中的每个标题，这不是我想要的。我该怎么解决这个问题？

Answer 1

您可以尝试为每个标题设置不同的id。就像下面的例子

<h5 id="header1"></h5>

<h5 id="header2"></h5>

<h5 id="header3"></h5>

<h5 id="header4"></h5>

然后，在css中，您可以使用id控制每个元素。

#header1{
    color:red;
}

#header2{
    color:blue;
}

#header3{
    color:white;
}

#header4{
    color:black;
}

请注意，id不能以数字开头。

Answer 2

您应该将这个h5放在另一个HTML元素中。

您可以使用nth:child() css选择器。

试试这个：

https://www.w3schools.com/cssref/sel_nth-child.asp

Answer 3

可以将id或class属性设置为每个元素。

看本文：https://www.w3schools.com/css/css_selectors.asp