Переопределить! Важно в родительской теме WordPress - PullRequest
Новая
       23

Переопределить! Важно в родительской теме WordPress

0 голосов
/ 13 ноября 2018

У меня есть следующий код CSS в таблице стилей custom.css, которая является частью главной темы 

.thm-unit-test h3 {
    font-size: 28px !important;
}

Я добавил следующий код в мою дочернюю тему CSS 

.thm-unit-test h3 {
    font-size: 18px !important;
    color: #222;
    font-weight: 700;
}

Но это не работает. Имея это в виду, как мне переопределить ! Важный в основном файле custom.css. Потому что, если я могу переопределить это, то код в моей дочерней теме может вступить в силу

Ответы [ 2 ]

0 голосов
/ 13 ноября 2018

Используйте тег Body перед ним ... точнее: 

body .thm-unit-test h3 {
    font-size: 28px !important;
}

Или другие родительские элементы ...

Потратьте некоторое время, чтобы понять приоритет CSS Selector:

Понимание приоритета / специфичности селектора CSS

Специфичность селектора рассчитывается следующим образом:

count 1, если объявление от is 'атрибут style ', а не правило с селектором, 0 в противном случае (= a) (В HTML значения атрибута "style" элемента являются правилами таблицы стилей.

Эти правила не имеют селекторов, поэтому a = 1, b = 0, c = 0 и d = 0.) подсчитать количество атрибутов ID в селекторе (= b) подсчитать количество других атрибутов, а псевдоклассы в селекторе (= c) подсчитать количество элементовИмена и псевдоэлементы в селекторе (= d) Специфика основана только на форме селектора.

форма «[id = p33]» считается селектором атрибута (a = 0, b = 0, c = 1, d = 0), даже если атрибут id определен как «ID»"в DTD исходного документа.Конкатенация четырех чисел abcd (в системе счисления с большим основанием) дает специфичность.

В частности, селектор вида "[id = p33]" считается селектором атрибута (a = 0, b = 0, c = 1, d = 0), даже если атрибут id определен как «ID» в DTD исходного документа.Объединение четырех чисел abcd (в системе счисления с большой базой) дает специфичность>.

https://www.w3.org/TR/CSS2/cascade.html#cascading-order

Я бы использовал перед ним идентификатор tbf.

0 голосов
/ 13 ноября 2018

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

<head>
    <link rel="stylesheet" type="text/css" href="themeCss.css">
    <link rel="stylesheet" type="text/css" href="yourCustomCss.css">
</head>

Дайте мне знать, если это вам поможет!

...