使用 CSS 自定义我的 WordPress 网站无法可靠运行

Question

我阅读了有关使用子主题来快速轻松地修改 WordPress 主题的信息。我按照指示创建了一个目录，其中包含一个文件 style.css，其中包含以下内容

/*   
Theme Name: IBD Page
Description: IBD Page is based on Twenty Sixteen
Template: twentysixteen
*/
@import url(../twentysixteen/style.css);

article header h1 {font-size:3em}
article header h1 {color:blue}

但是，该元素仅部分更改。颜色变为蓝色，但字体大小不变。我尝试了几种不同的字体大小。

为什么这不起作用？

======= :-) ======= :-) ======= :-) =======

亚瑟在下面给出了正确答案。对于那些到达这里的人，在使用 26 岁主题的孩子时，以下方法可以解决这个问题。

/*   
Theme Name: IBD Page
Description: IBD Page is based on Twenty Sixteen
Template: twentysixteen
*/
@import url(../twentysixteen/style.css);

/* Making the article titles 20 point */
.content-area .site-main article header h1,     
article .entry-header .entry-title a 
    { font-size: 20pt; }

Answer 1

26 设置字体大小本身，它的 CSS 选择器可能比你的更具体。如果您使选择器更具体，您的规则将覆盖父主题的规则。

有关特异性的更多详细信息，请参阅developer.mozilla.org/en-US/docs/Web/CSS/Specificity。

Answer 2

您的陈述应以分号结尾 因为这两个语句都与同一个标签有关，所以我会将它们放在一起 _

试试这个

article header h1 {
  color : blue;
  font-size: 3em;
}