为什么我不能增加我的<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%;
}

Answer 2

你把两个}}放​​在465＆amp;线上。 466.删除任何一个}。

还有：而不是;在354和354线上360。 它应该是这样的

text-align: center;

Answer 3

您不能为多个元素添加相同的ID。

相反，你可以为div和p标签使用相同的类。

上面的代码应该是这样的：

<强> HTML

<div class="popular-articles">
  <p class="popular-articles">Popular articles</p> 
</div>

<强> CSS

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