CSS меняет цвет li, если он находится в div-классе

Question

CSS меняет цвет li, если он находится в div-классе

У меня есть класс div с нижним колонтитулом класса, и мне нужно изменить весь текст li как белый.

Html выглядит так:

     <div id="footer-middle-left-right">
                        <div class="footer-list">
                            
                                FAFSA Guide
                                Scholarship Finder
                                State Education
                                Ready UP
                            
                        </div>
                        <div class="footer-list">
                            
                                Terms of Service
                                Privacy Settings
                                FAQ
                            
                        </div>
                        <div class="footer-list">
                            
                                How it Works
                                Submit a School
                                Submit a Professor
                                Report a Misspelling
                            
                        </div>
</div>

Очевидно, что добавление другого элемента класса во все ли переполняет и не поддерживает на самом деле. Im довольно новый для CSS и не может определить правильный способ выбора всех li в классах.

Я попробовал что-то вроде:

.footer-list.li{
     color: white;
}

но безрезультатно. Любая помощь по этому поводу, предлагаемое чтение или любой другой совет CSS будут очень благодарны! Я больше из задних парней, так что это первое, что мне действительно нужно было беспокоиться о части CSS этого, так что это немного потеряло меня!

3

добавлено 28 Декабрь 2012 в 08:29 автор samuraiseoul

Просмотры: 3

источник

nl ja de

3 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

На самом деле вы добавляете . до li , который делает его классом, поэтому попробуйте это

.footer-list li { /* This selects li inside the class .footer-list */
    color: #fff;   /* Even white is fine */
 }

Или лучше быть конкретным и использовать

.footer-list ul li { /* Will apply to li which are inside ul which is inside .footer-list only */
    color: #fff;
 }

4

добавлено 28 Декабрь 2012 в 08:30 автор Mr. Alien

источник

nah, который делает класс .li , это просто элемент, поэтому вам нужно напрямую ссылаться на имя тега, если вы добавляете . или # , это делает id и class, поэтому, если вы хотите настроить таргетинг, например, в div, вы пишете div span {styles} , но это применимо ко всем пролетам внутри тега div, но если вы хотите настроить таргетинг на интервал внутри конкретный div вам нужно написать его как div.class_name span {стиль идет здесь}

добавлено 28 Декабрь 2012 в 08:42, автор Mr. Alien, источник

@Samuraisoulification Это не так сложно, просто дайте ему немного времени, и вы пройдете через него;)

добавлено 28 Декабрь 2012 в 08:49, автор Mr. Alien, источник

Я был на правильном пути, хотя я был либо автоматически классом, и поэтому для него был доступен .li, или я был программистом, я видел его как элемент класса нижнего колонтитула и, следовательно, как в PHP используется .li

добавлено 28 Декабрь 2012 в 08:38, автор samuraiseoul, источник

Хорошо, думаю, я понял! Спасибо за помощь! CSS очень тяжелый, я думаю! Я предпочел бы заниматься настоящим программированием в любой день!

добавлено 28 Декабрь 2012 в 08:47, автор samuraiseoul, источник

Да, это становится немного легче, чем раньше, но я не ожидал, что это будет сложно. Ха-ха, я там вишу!

добавлено 28 Декабрь 2012 в 08:50, автор samuraiseoul, источник

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями