html - 为什么我不能增加我的 <p> 尺寸？

Question

尽管添加了一个 ID，但“热门文章”段落的字体大小没有改变？

如果您使用 Google 网站站长工具，则 ID 似乎尚未设置，但如果您查看我的样式表，您可以看到它(第 468 行)。为什么它不起作用？

实时链接: http://185.123.97.138/~kidsdrum/moneynest.co.uk/blog.html

HTML:(第 143 行)

<div style="margin-top: 30px;" class="popular-articles">
<p class="popular-articles">Popular articles</p> 
</div>

CSS(参见第 468 行 - http://185.123.97.138/~kidsdrum/moneynest.co.uk/css/homepagestyle.css)

.popular-articles {
margin-top: 30px;
    font-size: 110%;
}

Answer 1

我猜它不起作用，因为 p 的 ID和你的一样div .更改您的 p到 div class喜欢<p class="popular-article-text"> .那么您必须能够更改 #popular-article 的字体大小div 或 p类。

你永远不应该对不同类型的元素使用相同的类或 ID。

HTML

<div style="margin-top: 30px;" id="popular-articles">
<p class="popular-articles-text">Popular articles</p> 
</div>

CSS

#popular-articles {
margin-top: 30px;
}

.popular-articles-text {
font-size: 110%;
}