Выбор Потомок на основе классов

Question

Элемент выбора типа потомка работы:

form * div {...} 

, но я считаю, что использование классов не делает:

.my-class1 * .my-class2 {...} 

И.Э. Я ожидаю, что несколько элементов будут выбраны в форме выбора класса «потомки», но ни один из них не будет выбран.

На моей странице у меня есть две очень похожие подструктуры DOM, созданные сторонним кодом, которые нуждаются в различном стиле, и я не хочу, чтобы мой CSS полагался на эту структуру DOM третьей стороны.

Каков наилучший способ создания этих двух частей DOM?

Answer 1

Вы можете использовать .my-class1 > .my-class2 для прямых потомков.

Или вы можете использовать .my-class1 .my-class2 для любого .my-class2, который является потомком .my-class1.