【问题标题】:Nested rules with selectors in LESS?LESS中带有选择器的嵌套规则?
【发布时间】:2014-12-18 18:20:24
【问题描述】:

我有以下 CSS 规则:

div > a,
div > span {
  background-color: #ccc;
}

是否可以将a 和span 嵌套在div > 中,例如

div > {
  a, span {
    background-color: #ccc;
  }
}

【问题讨论】:

    标签: css css-selectors less nested


    【解决方案1】:

    这应该可以解决问题。

    div {
      > a,
      > span {
        background-color: #ccc;
      }
    }
    

    【讨论】:

    • 你有参考吗?我必须在选择器前面添加一个&符号吗? (例如& > a)?
    • @Edward: 上面的代码无论有无和号(父选择器)都可以工作。
    • 当然,请查看lesscss.org/features/#features-overview-feature-nested-rules 了解更多详情。例如,在嵌套伪选择器时,您会使用与号。换句话说,当父母和孩子之间没有空间时。您也可以在在线编译器上使用它:winless.org/online-less-compiler
    猜你喜欢
    • 2013-11-24
    • 2014-08-15
    • 2015-05-13
    • 2014-01-05
    • 1970-01-01
    • 1970-01-01
    • 2014-09-11
    • 2013-04-11
    相关资源
    最近更新 更多