Как устранить неполадки CSS в большой таблице стилей?

Question

Я пытаюсь изменить CSS в плагине Wordpress, который мне нужно использовать. Таблица стилей (learnpress. css) состоит из более чем 2000 строк, поэтому понять ее - непросто; но то, что я пытаюсь сделать, довольно просто - изменить цвет фона определенного класса.

Код находится в https://tgtau.rickcasey.net/courses/the-great-turning-you/, но когда я меняю цвет фона класс section-content в инструментах разработчика Chrome, ничего не происходит: введите описание изображения здесь

Может ли кто-нибудь указать, как я могу узнать, какие другие стили css отменяют это? Другие сообщения только намекают на то, что CSS сложно диагностировать, как работают наследование и приоритет, поэтому я надеюсь, что в chrome -dev-tools есть некоторые методы, как это сделать. Спасибо!

Answer 1

Фон устанавливается в самих элементах li, поэтому независимо от того, что вы установили для своего ul фона, он не будет виден, поскольку содержащиеся в нем элементы li не прозрачны (solid белый) .

При отладке этих случаев помните, что каждый элемент может иметь свой собственный цвет фона, а размеры контейнеров могут автоматически изменяться в соответствии с их содержимым. Вы также можете переопределить css в элементах li, чтобы сделать их прозрачными, чтобы ваш фон ul был виден.