css – 没有重复选择器的目标儿童

我正在尝试应用样式{border：0;填充：0;保证金：0; }< section id =“contact”>中的所有元素 我不想这样做： section#contact form {

... . . 我正在尝试应用样式{border：0;填充：0;保证金：0; }< section id =“contact”>中的所有元素

我不想这样做：

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

我可不可以做：

section#contact form,ul { ... }

.

解决方法

. .

Can I do: section#contact form,ul { ... } ?

.

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

但

如果要将样式应用于所有子项(和子项)元素,可以使用universal selector：

section#contact * { ... }

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

section#contact > * { ... }

. . .. ...