瞄准儿童而不重复选择

Question

我正在尝试将样式{ border: 0; padding:0; margin: 0; }应用于a中的所有元素<section id="contact">

我不想这样做:

section#contact form { whatever style }
section#contact ul { whatever style }
section#contact p { whatever style }

我可不可以做:

section#contact form, ul { ... }

Answer 1

我可以这样做section#contact form, ul { ... }吗？

不,你不能.如果您不希望样式应用于section#contact元素外部,则需要重新整理CSS路径.

但

如果要将样式应用于所有子(和孙子)元素,可以使用通用选择器:

section#contact * { ... }

如果要仅将样式应用于直接子项,可以使用直接子项选择器:

section#contact > * { ... }