CSS-селектор: звезда, за которой следует селектор класса - нужно?

Question

Я видел следующий код CSS:

*.myclass {
    /* some properties */
}

Или же

div *.myclass {
    /* some properties */
}

они отличаются от

.myclass {} div .myclass {}

?

Answer 1

В первом примере *.myclass выбирает любой тег, который имеет класс myclass так же, как использование только .myclass,

Во втором примере div *.myclass означает любой тег с классом .myclass это вложено в div который отличается от div.myclass что означает только div с классом .myclass,

пример

Селектор div *.myclass выбрал бы те же элементы, что и div .myclass (обратите внимание на пробел между div а также .myclass).

Подводить итоги:

*.myclass = .myclass

а также

div *.myclass = div .myclass