Дочерний селектор

@devroot · Регистрация: 13.02.2017

Студворк — интернет-сервис помощи студентам

Никак не могу разобраться по какой причине элемент li второго уровня(подэлемент1|2|3) меняет свой цвет вместе с дочерними элементами маркированного списка. Убил уйму времени и не нашел решения. Стоит отметить, что если подставить вместо цвета рамку всё работает как положено. Кто компетентен в данной теме, объясните пожалуйста механику компиляции данного кода с цветом.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!-- HTML -->
<ul class="list">
  <li>Список 1
    <ul>
      <li>Подэлемент 1</li>
      <li>Подэлемент 2</li>
      <li>Подэлемент 3</li>
    </ul> 
  </li>
 <li>Список 2</li>
 <li>Список 3</li>
 <li>Список 4</li>
 <li>Список 5</li>
 </ul> 
 
<!-- CSS -->
<style> 
.list>li {color:aqua;}
</style>

Исходник с цветом - https://jsfiddle.net/008k7ab7/
Исходник с рамкой - https://jsfiddle.net/zppy4u7j/

@Fedor92 · 14.02.2017, 00:53

devroot, а чего тут понимать?

color наследуемое свойство, поэтому все дочерние элементы тега <li> наследуют цвет своего родителя... border свойство, которое не наследуется, поэтому дочерние элементы тега <li> без выделенных границ...

Не по теме:

Сообщение от devroot

механику компиляции данного кода с цветом

Советую почитать, что такое компиляция... :)

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом