Выбор потомков

Помните семейные слова из курса HTML? Элемент, находящийся непосредственно внутри другого, — его дочерний элемент. Его дочерние элементы, их дочерние элементы и так далее — его потомки, а сам он для них — предок.

Если вы напишете два селектора через пробел, то выберете элементы, которые соответствуют второму селектору и являются потомками элемента, соответствующего первому:

#breeds li {
	color: purple;
}

Это правило выбирает элементы li внутри элемента с id breeds. Они не его дети, а внуки: они находятся внутри ul, который находится внутри #breeds. Это неважно, потому что пробел выбирает потомков на любой глубине. Список в другой части страницы затронут не будет.

Не путайте это с цепочкой: div.group — это div с классом group, а div .group — это элемент с классом group внутри div.