使用CSS通用选择器'*'；使用javascript？_Javascript_Css

使用CSS通用选择器'*'；使用javascript？

javascript css

使用CSS通用选择器'*'；使用javascript？,javascript,css,Javascript,Css,我被要求编写一个示例脚本，该脚本将使用CSS的通用选择器。我该怎么做？我知道这是：示例代码： <!DOCTYPE html> <html> <body> <h2 class="example" style="padding:50px;" >A heading with class="example"</h2> <p>Click the button to act

我被要求编写一个示例脚本，该脚本将使用CSS的通用选择器。我该怎么做？我知道这是：

示例代码：

<!DOCTYPE html>
<html>
<body>

<h2 class="example" style="padding:50px;" >A heading with class="example"</h2>
<p>Click the button to activate the universal selector.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
    document.body.style.margin = 0;
    document.body.style.padding = 0;
}
</script>

</body>
</html>


带有class=“example”的标题
单击按钮以激活通用选择器
试试看
函数myFunction（）{
document.body.style.margin=0；
document.body.style.padding=0；
}

单击时，该按钮应将元素的所有边距和填充重置为0。但是，它只是为了身体

澄清：具体来说，我需要一个javascript方法，将所有元素的所有边距和填充设置为0。

只需使用jQuery的

$（'*'）

或

文档即可。querySelectorAll（“*”）

这是一个简单的示例，它首先遍历主体元素


带有class=“example”的标题
单击按钮以激活通用选择器
试试看
函数myFunction（）{
var els=document.body.queryselectoral（“*”）；
对于（变量i=0；i

你想做什么？你能解释一下你想做什么吗？这里没有“重置选择器”，你的意思是使用通用选择器“重置”元素的CSS，意思是在他的情况下执行

边距：0，填充：0

？你说的“脚本”是什么意思？你是说JavaScript吗？“重置选择器”是什么意思？你是说CSS规则吗？通常，CSS规则不是由脚本定义的，而是在CSS样式表中定义的。你想重置什么？是否要重置用户代理样式表，例如，将边距添加到正文中，您可以通过说

body{margin:0；}

？您想重置所有属性，还是只重置某些属性？是否要重置应用于某个更高级别元素并被继承的CSS样式？我需要编写一个示例脚本来定义重置选择器。很抱歉不清楚，只需“示例”脚本。我不知道javascript是如何做到这一点的。我想你的意思是

document.queryselectoral（“*”

）似乎不起作用。我很感激你的帮助。

<!DOCTYPE html>
<html>
<body>

<h2 class="example" style="padding:50px;" >A heading with class="example"</h2>
<p>Click the button to activate the universal selector.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
    document.body.style.margin = 0;
    document.body.style.padding = 0;
}
</script>

</body>
</html>