【问题标题】:What is the `&::` syntax in LESS CSS?LESS CSS 中的 `&::` 语法是什么?
【发布时间】:2012-03-04 15:12:25
【问题描述】:

我一直在查看 twitter bootstrap 并遇到了一些语法,但我不知道它是做什么的:

来自buttons.less

button.btn,
input[type="submit"].btn {
  &::-moz-focus-inner {
  padding: 0;
    border: 0;
  }

&::-moz-focus-inner 中的&:: 是干什么用的?

我知道& 用于“父选择器”,::hover 等伪选择器语法的一部分,但第二个 : 用于什么?

Ps. 我也一直在寻找 LESS 语法参考,但除了 lesscss.org 上的一页之外,我找不到任何关于 LESS 的文档。除了那一页之外,没有LESS的文档吗?

【问题讨论】:

  • 我也想知道是否有人对 less 语法有更全面的参考
  • 隐藏在"Language Features"这个名字下

标签: css twitter-bootstrap less


【解决方案1】:

复制粘贴

http://www.evotech.net/blog/2007/05/after-v-after-what-is-double-colon-notation/

双冒号替换了单冒号选择器 CSS3 中的伪元素来明确区分 伪类和伪元素。为了向后兼容, 单冒号语法对于 CSS3 之前的选择器是可以接受的。所以,:之后 是一个伪类, ::after 是一个伪元素。

这个 :: 表示法(双冒号表示法)是由 W3 在 为了“建立伪类和 伪元素。为了与现有样式表兼容,用户 代理还必须接受之前的一个冒号表示法 CSS 级别 1 和 2 中引入的伪元素(即 :first-line, :first-letter, :before 和 :after)。不允许这种兼容性 用于 CSS level 3 中引入的新伪元素。”更多 信息,请访问 W3。

【讨论】:

    猜你喜欢
    • 2012-12-08
    • 1970-01-01
    • 2012-01-07
    • 2012-12-22
    • 2021-12-26
    • 1970-01-01
    • 2018-06-16
    • 1970-01-01
    • 2012-02-29
    相关资源
    最近更新 更多