瞄准儿童而不重复选择

Question

我尝试将样式{ border: 0; padding:0; margin: 0; }应用于<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路径。

<强> BUT

如果要将样式应用于所有子（和孙子）元素，可以使用universal selector：

section#contact * { ... }

如果您只想将样式应用于直接子项，可以使用direct child selector：

section#contact > * { ... }