html - 什么情况下我们可以使用css * 选择器?

标签 html css css-selectors

什么情况下我们可以使用css * 选择器? * 选择器有多大用处?

只是为了重置CSS还是破解

* { margin: 0; padding: 0; }

或者它还有其他有效的有用用途吗?有没有办法使用 * 选择器来使用 * 选择器优化 css?

所有浏览器都支持吗?

最佳答案

当您想要表达存在一个元素,但您不关心它是什么时,它主要有用。例如:

#mything * span { color: red; }

选择神话内部的跨度,但不直接跨越神话内部。

使用 * 时应谨慎行事作为一场全局比赛。因为它可能会影响页面上的每一个(可能是数千个)元素,所以这肯定不是优化;特别是当它是选择器中的最后一项时(例如 .thing * 或仅 * ),它使大多数浏览器选择器引擎比像 .thing 这样的简单选择器工作得多。 。你可以用一个 *重置规则,但大量使用它们并不是一个好主意。

(我个人有点反对* { margin: 0; padding: 0; }修复。它影响的元素比实际需要的要多;真正的“问题边距元素”只是列表元素和<form>。一些表单控件也看起来像删除填充是错误的。)

关于html - 什么情况下我们可以使用css * 选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1894406/

相关文章:

html - DIV水平居中

css - 有没有办法在 laravel 中随机化 css 类

jQuery 动画链接

jquery - 带水平滚动的 Bootstrap 行

javascript - 使用 Bootstrap 4 超大屏幕类时的图像轮播

html - 将 alpha/不透明度应用于背景图像

jquery - 如何选择另一个元素(e)的子元素(se),但不包括所选子元素(sse)的子元素之一?

css - 你能在 CSS 或 SCSS 中链接 anchor 伪类吗?

html - CSS样式双边框

html - 在 div 内定位输入