6.3.5 内嵌规则

发表于 更新于 分类于 ， ， Waline： 本文字数： 469 阅读时长 ≈ 1 分钟

6.3.5 内嵌规则

通过Less的内嵌规则可以批量地将选择器直接放入指定命名空间下。例如如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
#container{
    .a {
        width:200px;
        height:35px;
    }
    span {
        font-size: 16px;
        text-decoration: none;
    }
    div li {
        list-style: circle;
    }
}

上面的代码先将.a、span、div li 这三个选择器都放在#container命名空间下,这表明以#container为包来生成包含选择器。上面代码经编译后会生成如下CSS样式:

1
2
3
4
5
6
7
8
9
10
11
#container .a {
  width: 200px;
  height: 35px;
}
#container span {
  font-size: 16px;
  text-decoration: none;
}
#container div li {
  list-style: circle;
}