Использование 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}

Однако элемент изменяется только частично. Цвет меняется на синий, а размер шрифта - нет. Я пробовал несколько разных размеров шрифта.

Почему это не сработало?

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

Артур дал правильный ответ ниже. Для тех, кто попадает сюда, при использовании дочернего элемента темы «Двадцать шестнадцать» работает следующее.

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

Twenty Sixteen устанавливает сам размер шрифта, и его селекторы CSS, вероятно, более специфичны, чем ваш. Если вы сделаете ваши селекторы более конкретными, ваши правила будут переопределять правила родительской темы.

См. developer.mozilla.org / en-US / docs / Web / CSS / Specificity для более подробной информации о специфичности.

Answer 2

ваши операторы должны заканчиваться точкой с запятой, и поскольку оба оператора относятся к одному и тому же тегу, я бы сложил их вместе _

, попробуйте это

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