css - Chrome 中选择器后的冒号

标签 css google-chrome css-selectors

当我有这个 css 时:

.bigpoint {
  font-size: 40px;
}

我的 bigpoint 类的 div 字体大小为 40 像素,正如预期的那样。

当我在选择器后面添加一个冒号时:

.bigpoint: {
  font-size: 40px;
}

样式被忽略。我找不到任何关于它的文档,而且 linters 似乎可以两种方式接受它。怎么回事?

瑞克

附言我的文档类型只是 <!DOCTYPE html>

最佳答案

冒号是 CSS 中的一个特殊符号,用于分隔 pseudo-class。 .有效的选择器不能以尾随冒号结尾(除非它被转义)。如果出现冒号,则其后的字符序列必须是已知伪类(或伪元素)的名称。

我不明白为什么 linter 会接受这种语法。这显然是无效的 CSS。

关于css - Chrome 中选择器后的冒号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35414982/

相关文章:

带有关键帧的 Css3 动画在 Safari 中没有动画

css - Chrome 和 Firefox CSS 边框问题

CSS 选择器未选择 h1 元素

jquery - 如何在悬停时放大一个 div 并缩小所有其他 div

html - 二维数组中的 SelectedIndex

html - CSS 选择器 :almost-empty?

google-chrome - 什么是 ROUNDED-UNICODE 字符的正确显示?

javascript - 来自 bookmarklet 的代码在控制台中有效,但在我的 Tampermonkey 脚本中无效?

jquery - 如何使用第 n 个子元素选择最后 4 个元素?

css - 条件注释 "gt ie 7"破坏了 chrome 和 firefox