在什么条件下我们可以使用css * selector？

Question

在什么条件下我们可以使用css * selector？ *选择器有用多少？

只是让css重置或破解

* { margin: 0; padding: 0; }

还是有其他有用的用途？有没有办法使用*选择器来使用* selector来优化css？

所有浏览器都支持吗？

Answer 1

它主要用于表示存在元素的地方，但你不关心它是什么。例如：

#mything * span { color: red; }

在我的内容中选择跨度，但不在我的内容中直接。

当您使用*作为全局匹配时，您应该不遗余力。因为它可以击中你页面上的每一个（可能有数千个）元素，所以肯定没有优化;特别是当它是选择器中的最后一件事（例如。.thing *或仅仅*）时，它使得大多数浏览器选择器引擎比像.thing这样的简单选择器更加困难。您可以使用一个*规则来重置，但使用它们不是一个好主意。

（就我个人而言，我有点反对* { margin: 0; padding: 0; }修正。它会影响更多元素而不是实际需要;真正的'问题边缘元素'只是列表元素而真正是<form>。删除填充后，表单控件也会显示错误。）

Answer 2

它几乎支持所有现代......

选择任何子元素时，

*非常有用。因此，如果我想为ID为“fudge”的元素内的所有元素添加一些边距，则选择器将为：

 #fudge > * 
{
   margin-left:5px;
}