Как сформулировать селектор?

Question

[ince]

Нужно выбрать элементы input, button и fieldset, являющиеся потомками элемента с id="id"
Так сложновато:
#id input, #id button, #id fieldset {...}
Можно ли изящнее? Что-то типа такого:
#id [input, button, fieldset] {...}

spoiler

В селекторах не силен, поэтому прошу не обижаться на такую запись

Comments

[Andrew]

Препроцессоры - наше всё.
Scss:

#id{
input,button,fieldset{
bla: bla;
}
}

[Abdula Magomedov]

Можно писать на Saass. Вот так:

#id {
    input, button, fieldset {
    }
}

Answer 1

[Марат Гарифуллин]

https://developer.mozilla.org/ru/docs/Web/CSS/:any

Пока экспериментальная возможность, мало где работает.

Как-то так

#id :-webkit-any(input, button, fieldset) { ... }
#id :-moz-any(input, button, fieldset) { ... }
#id :matches(input, button, fieldset) { ... }
#id :is(input, button, fieldset) { ... }

Comments

[Rustam Bainazarov]

Прикольная штука :))

Answer 2

[Rustam Bainazarov]

На чистом CSS — нельзя.

Можно через препроцессоры.