css - div.selector 与选择器

标签 css css-selectors

在 css 中,我看到 div.selector 和 selector 都被用来定义特定选择器的样式规则。

这两者之间有什么区别?在编写自己的 css 文件时,我应该考虑采用其中一个而不是另一个的原因是什么?

最佳答案

  • div.selector 仅针对具有 selector 类的 div 元素。
  • .selector.selector 类的所有元素为目标,而不仅仅是 DIV

因此,如果您知道要将 css 应用到的元素,请在元素前加上标签名称。后一种方法更通用,并针对具有指定类的所有元素。但是,您应该尽可能具体

如果您知道只有 div 元素会有 .selector,那么就性能而言,具体化会更好,例如 div。 selector 而不是 .selector,它会查找页面上的所有元素,但最终只会将这些样式应用于 DIV

关于css - div.selector 与选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8062012/

相关文章:

jquery - 如何使内容适合最小宽度,同时设置最大宽度?

CSS 将元素位置设置为事件上的鼠标位置

css - 强选择器如何覆盖 id 选择器? id 选择器不是更具体吗?

php - 修改显示/隐藏以包含 php

html - 滚动页面时如何为纯 CSS 中的部分设置动画?

javascript - 将背景图片 url 分配给模板中的 div

css - 如何在被打扰时让第 n 个 child 继续工作

css - 哪个 CSS 选择器性能更快?类中的类与类中的标签名?

相当于 :has() 的 Css

html - 当有人悬停在一个 div 上时显示另一个 div