Селектор css, помогите разобраться

Я так понял, вопрос про комбо-селекторы... Их всего-то 3-4 вида:

.class-1.class-2 { ...} - --применяется только к тем элементам, у которых есть И класс-1, И класс-2... таких классов может быть больше двух.

.class-1 .class-2 { ...} - --Запись через пробел. Стиль применяется ко всем элеентам с классом-2, которые находятся где-то внутри класса-1

.class-1 > .class-2 { ...} - --Почти то же самое, только применяется к тем классам-2, которые лежат непосредственно внутри класса-1, т. е. не обернуты в дополнительные теги.

.class-1 ~ .class-2 { ...} - --класс-2 находится где-то ниже в коде от класса-1, и оба они не обернуты в дополнительные теги (т. е. элементы одинакового "уровня", имеющие общего родителя).

.class-1 + .class-2 { ...} - --если класс-2 находится непосредственно ПОСЛЕ элемента с классом-1.

Вот и всё... допускаются их комбинации:

.class-1:hover ~ .class-2 .class-3 { ...} - --При наведении мышкой на класс-1, найти элемент с классом-2 где-то ниже в коде, отыскать где-то внутри него элемент класс-3 и что-то с ним делать.

Нужна практика, чтобы не путаться. Это важно собстно не только для верстки, но и в JavaScript может широко использоваться.

понимать нужно обязательно

Нужно, конечно. Если ты в css напишешь правило просто для тега p, то ему будут следовать все теги р, которые есть на сайте. Тебе же такое не надо, правильно? Поэтому пользуются классами и id.