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}

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

为什么没有用？

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

Arthur在下面给出了正确的答案。对于到达这里的人，以下是使用二十十六岁主题的孩子时解决此问题的方法。

/*   
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

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

尝试

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

Answer 2

第二十六岁自行设置字体大小，其CSS选择器可能比您的更为具体。如果您使选择器更加具体，则您的规则将覆盖父主题的规则。

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

使用CSS自定义我的WordPress网站无法正常工作

2 个答案: