Блог

Главная - Вопросы по программированию - Я не могу внести изменения в инструмент разработчика Chrome, потому что я делаю что-то не так в дочерней теме wordpress

Я не могу внести изменения в инструмент разработчика Chrome, потому что я делаю что-то не так в дочерней теме wordpress

#html #css #wordpress #google-chrome-devtools

Вопрос:

Когда я использую инструмент разработчика Chrome, некоторые настройки работают, некоторые нет. Я не понимаю, где я ошибаюсь. Пример;

HTML

 <div id="give-form-1265-wrap" class="give-form-wrap give-embed-form give-viewing-form-in-iframe">

CSS

 .give-embed-form, .give-embed-receipt {
     max-width: 552px;
     margin: auto;
     border-radius: 20px;
     color: #ff0000;
     display: flex;
     flex-direction: column;
     background-color: #5c7764;
     -webkit-box-shadow: 0 2px 2px 0 rgb (0 0 0/14%), 0 3px 1px -2px rgb (0 0 0/20%), 0 1px 5px 0 rgb (0 0 0/12%);
     box-shadow: 0 2px 2px rgb (0 0 0/14%), 0 3px 1px -2px rgb (0 0 0/20%), 0 1px 5px rgb (0 0 0/12%);
     width: 100%;
     overflow: hidden;
     position: relative;
}

Я могу изменить цвет фона и радиус границы. Цвет не тот. Но когда я пытаюсь внести изменения в дочернюю тему WordPress, это никак не работает. !важное не помогает решить проблему.

Ответ №1:

Я вижу лишние пробелы в вашем CSS между # и количеством цветов.
Измените
цвет: # ff0000;
на
цвет: #ff0000;

Комментарии:

1. это ошибка копирования. Я воспользовался переводчиком, чтобы получить приличный текст на английском языке. Игнорируйте эту проблему, это другое. :).

2. Когда вы используете свойство color, вы ожидаете, что какой-то элемент внутри .give-embed-формы изменит свой цвет. Вам нужно убедиться, что ваше свойство не переопределяется другими правилами. Например, вы пишете .give-embed-form { цвет: #ff0000;}, Чтобы сделать <p> внутри вашего <p><div> красным. Но может быть и другое правило, например .give-embed-form p { цвет: #000000;}, оно имеет больший приоритет. Попробуйте найти это и переопределить по тому же правилу .give-embed-форма p { цвет: #ff0000; }

3. <p класс=»описание»>пример<p класс=»описание»><p> .введение . описание { размер шрифта: 24 пикселей; вес шрифта: полужирный; поле: 18 пикселей 70 пикселей 29 пикселей; цвет: красный; } Изменения не изменяются.

4. Причин может быть несколько. Можете ли вы предоставить ссылку на проект?

5. Я должен лучше понимать использование селекторов. Какие из них использовать и почему? Я использую инструмент разработки Chrome, чтобы просмотреть коды. Если вы приведете мне пример, я лучше пойму. А пока я читаю в Интернете. Увы, на данный момент я не нашел того, что ищу.

Метки: ,