当前位置: 首页 > 面试题库 >

CSS星形选择器是否有害(为什么)?

颜楚青
2023-03-14
问题内容

CSS中的星形选择器是否会影响页面渲染性能

有使用它的警告吗?

* {
  margin:0;
  padding:0;
}

问题答案:

在表演方面,史蒂夫·索德斯就是 其中的一员

  • CSS选择器的性能影响
  • 简化CSS选择器

报告之一的无耻报价:

优化CSS选择器的关键是着眼于 最右边的选择器 ,也称为关键选择器(巧合?)。这是一个更昂贵的选择器:A.class0007 * {}。尽管此选择器看起来更简单,但匹配浏览器的成本更高。因为 浏览器从右向左移动 ,所以它首先检查与键选择器“
*”匹配的所有元素。这意味着浏览器必须尝试将此选择器与页面中的所有元素进行匹配。



 类似资料:
  • 问题内容: 如何选择锚元素的直接父元素? 例如,我的CSS将是这样的: 显然,可以使用JavaScript进行此操作,但是我希望CSS Level 2本身具有某种解决方法。 我正在尝试设置样式的菜单已由CMS弹出,因此我无法将活动元素移动到元素…(除非我将菜单创建模块作为主题,但我不希望这样做)。 有任何想法吗? 问题答案: 当前无法在CSS中选择元素的父级。 如果有办法,可以在当前的CSS选择器

  • 问题内容: 只有子元素存在时,我才能使用css选择器吗? 考虑: 我只想在div没有至少一个子元素的情况下应用div 。 我可以使用的任何选择器吗? 问题答案: 甚至文本节点也将导致父节点不被认为是空的,因此DIV中的UL将阻止DIV被匹配。 如果您执行脚本路线: 当然,jQuery使这样的任务变得更容易,但是这一任务不足以包含整个库。

  • 问题内容: CSS中是否有类似!=(不相等)的内容?例如,我有以下代码: 但是对于某些输入,我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点,例如 然后只需从CSS跳过此标签即可。 我该怎么做? 我能看到的唯一方法是在输入标签中添加一些类,然后按如下所示重写CSS: 问题答案: 在CSS3中,您可以使用过滤器, 但是并不是所有的浏览器都完全支持CSS3,因此请确保您知道自己正在做什么

  • 问题内容: 我找到了这个CSS代码,然后运行它来查看其功能,并在页面上概述了每个元素, 有人可以解释一下Asterisk *在CSS中的作用吗? 问题答案: 这是一个通配符,这意味着它将选择DOM中该部分内的所有元素。 例如,如果我要对整个页面上的每个元素应用边距,则可以使用: 您还可以在子选择中使用它,例如,以下内容将为段落标记内的所有元素添加边距: 您的示例正在做一些CSS欺骗,将连续的边框和

  • 问题内容: 我已经看过几次CSS代码中使用的“大于”(),但是我无法弄清楚它的作用。它有什么作用? 问题答案: 选择直系子女 例如,如果您有这样的嵌套div: 然后在样式表中声明css规则,如下所示: 您的规则仅适用于具有“中级”类的div,因为这些div是元素为“外部”类的元素的直接后代(直接子代)(当然,除非您声明其他更具体的规则来覆盖这些规则) 。见小提琴。 边注 如果您>>`。 注意:IE

  • 问题内容: 我知道有一个选择器。我似乎找不到选择器的使用或文档。有一个吗? 问题答案: CSS中没有伪类。 该动态伪类,像其他伪类,事实上所有其他选择,代表_国家_ ; 它们不代表文档树中的 事件 或 状态之间的转换 。举个例子:伪类代表了一个 被 关注的元素。它不代表刚刚_获得_关注的元素,也不存在伪类来代表刚刚 失去 关注的元素。 同样,这适用于伪类。虽然它表示具有指示设备在其上的元件,既不存