内部样式表不适用于h3标题

Question

<style type="text/css">
#h1 {
    color: #F60;
}
#h3 {
    text-align: center;
    margin-bottom: -20px;
}
</style>

我的内部样式表适用于所有1号标题。

但是在标题3中，内部样式表中应用的样式在我的编码中不适用于我的h3。

<h3>Internet Addiction</h3>

Answer 1

   h1 { color:#F60; }  -> <h1>
   .h1 {...}           -> <any-element class="h1"> (btw. using class name/id h1 is confusing)
   #id {...}           -> <any-element id="h1">

你使用带有ID的散列（＃）和带有类的点（。）。记住ID是唯一的*，而类可以多次使用

*即使您为两个元素分配相同的ID，浏览器也会应用适当的样式，但不要这样做。

Answer 2

您确定它适用于h1吗？

您应该删除#。您的代码应如下所示：

h1 {
    color: #F60;
}
h3 {
    text-align: center;
    margin-bottom: -20px;
}

因为哈希（＃）仅用于定义id。 h1和h3为tag。 您可以在w3schools.com/tags上阅读更多详细信息。