jquery - 如何将所有子元素的填充和边距设置为 0

Question

这两个都试过了，都不行。这似乎很简单，但在这个主题上找不到任何东西。

CSS：

#element * { padding: 0; margin 0; }

jQuery：

$("#element").children("*").css("padding", "0");
$("#element").children("*").css("margin", "0");

先感谢您。

Answer 1

如果你要走 jQuery 路线，你想使用.find 。.children 只进了一层。

$('#element').find('*').css('padding', '0');

http://jsfiddle.net/gromer/yg3CL/1/

纯 CSS：

body * {
    margin: 0;
    padding: 0;
}

Answer 2

这不起作用吗？

$("#element *").css("padding", "0");
$("#element *").css("margin", "0");

该children方法仅沿 DOM 树向下移动一层，因此您只会在直接后代上设置 css。但是该find方法会起作用$("#element")find('*').css("padding", "0");