相关疑难解决方法(0)

Less.js - 强大的嵌套规则?

我喜欢less.js制作嵌套规则的能力.例如

.A{
    .B{
        width:50px;
    }
}
Run Code Online (Sandbox Code Playgroud)

结果

.A .B{
    width:50px;
}
Run Code Online (Sandbox Code Playgroud)

但有没有办法让它产生这个:

.A > .B{
    width:50px;
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试过这样做:

.A{
    &>.B{
        width:50px;
    }
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用......

谢谢!

css less

6
推荐指数
1
解决办法
1667
查看次数

更少的嵌套元素

我知道

div {
  a {
    ...
  }
}
Run Code Online (Sandbox Code Playgroud)

在 LESS 中将代表

div a {
  ...
}
Run Code Online (Sandbox Code Playgroud)

在 CSS 中。问题是什么是 LESS 代码:

div > a {
  ...
}
Run Code Online (Sandbox Code Playgroud)

?

css nested less

2
推荐指数
1
解决办法
2944
查看次数

标签 统计

css ×2

less ×2

nested ×1