重用LESS嵌套样式

Bri*_*sio 8 less

假设我使用Less定义了一个样式:

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
Run Code Online (Sandbox Code Playgroud)

后来,我想重新使用这个unstyled类:

.my-list {
  .unstyled;
}
Run Code Online (Sandbox Code Playgroud)

然而,这不起作用,我无法弄清楚它是否有效.有什么想法吗?

Ale*_*ain 5

尝试这个:

.unstyled {
  margin-left: 0;
  list-style: none;
}

.my-list {
  .unstyled;
}
Run Code Online (Sandbox Code Playgroud)

.unstyled如果它被定义为ul.unstledand ,您将无法嵌套ol.unstyled


Chr*_*ter 5

您不能重复使用任意类定义,只能使用mixins(以点开头的那些).在这种情况下,您需要复制它.

  • 这是否意味着当你定义`.myClass`时LESS会创建一个无参数的mixin? (2认同)