<div class="footer-list"> "> <div class="footer-list"> "> <div class="footer-list"> " />

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
nl ja de

3 ответы

На самом деле вы добавляете . до 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
добавлено
nah, который делает класс .li , это просто элемент, поэтому вам нужно напрямую ссылаться на имя тега, если вы добавляете . или # , это делает id и class, поэтому, если вы хотите настроить таргетинг, например, в div, вы пишете div span {styles} , но это применимо ко всем пролетам внутри тега div, но если вы хотите настроить таргетинг на интервал внутри конкретный div вам нужно написать его как div.class_name span {стиль идет здесь}
добавлено автор Mr. Alien, источник
@Samuraisoulification Это не так сложно, просто дайте ему немного времени, и вы пройдете через него;)
добавлено автор Mr. Alien, источник
Я был на правильном пути, хотя я был либо автоматически классом, и поэтому для него был доступен .li, или я был программистом, я видел его как элемент класса нижнего колонтитула и, следовательно, как в PHP используется .li
добавлено автор samuraiseoul, источник
Хорошо, думаю, я понял! Спасибо за помощь! CSS очень тяжелый, я думаю! Я предпочел бы заниматься настоящим программированием в любой день!
добавлено автор samuraiseoul, источник
Да, это становится немного легче, чем раньше, но я не ожидал, что это будет сложно. Ха-ха, я там вишу!
добавлено автор samuraiseoul, источник

Ваш селектор:

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

Говорит «выберите элементы с нижним колонтитулом классов BOTH и li».

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

.footer-list li{
     color: white;
}

Это выберет любой

  • в любом элементе с нижним колонтитулом класса :)

  • 3
    добавлено

    Просто удалите точку до li

    .footer-list li{
         color: white;
    }
    
    1
    добавлено
    Верстка сайтов HTML/CSS/JS/PHP
    Верстка сайтов HTML/CSS/JS/PHP
    3 439 участник(ов)

    Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

    CSS — русскоговорящее сообщество
    CSS — русскоговорящее сообщество
    1 502 участник(ов)

    Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

    Чат — Типичный Верстальщик
    Чат — Типичный Верстальщик
    1 080 участник(ов)

    Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    Веб-Технологи: UI/UX, Вёрстка, Фронтенд
    167 участник(ов)

    Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

    DTP :: @DTPublish
    DTP :: @DTPublish
    147 участник(ов)

    Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

    css_jobs
    css_jobs
    26 участник(ов)

    Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

    css_флуд
    css_флуд
    10 участник(ов)