как выделить данный элемент И все его дочерние элементы одновременно?

Question

хорошо, я знаю, как сделать обе эти вещи по отдельности:

#elemID {  } /* selects only one element */
#elemID * {  } /* selects all its children elements but not the element itself */

И я знаю, что могу сделать это так:

#elemID, #elemID * { }

Но есть ли способ избежать этогоповторяя?

Answer 1

Нет, нет ничего короче этого.

Обратите внимание: если вы действительно хотите, чтобы все потомки из #elemID, а не все потомки вам нужно использовать дочерний комбинатор:

#elemID, #elemID > *

И, как прокомментировал Шиме Видас, некоторые свойства, такие как color, автоматически наследуются элементами-потомками по умолчанию.Если вы пытаетесь придать цвету текста #elemID, вам не нужно применять его явно и рекурсивно к элементам внутри него.Подробнее см. SitePoint Reference о наследовании в CSS.

Answer 2

Нет.Но вы можете выбрать его родителя, если существует эквивалентный селектор:

.parent * { ... }