less学习——命名空间

简介: 有时候,你可能为了更好组织CSS或者单纯是为了更好的封装,将一些变量或者混合模块打包起来, 你可以像下面这样在#bundle中定义一些属性集之后可以重复使用:#bundle { .

有时候,你可能为了更好组织CSS或者单纯是为了更好的封装,将一些变量或者混合模块打包起来, 你可以像下面这样在#bundle中定义一些属性集之后可以重复使用:

#bundle {
  .button () {
    display: block;
    border: 1px solid black;
    background-color: grey;
    &:hover { background-color: white }
  }
  .tab { ... }
  .citation { ... }
}

你只需要在 #header a中像这样引入 .button:

#header a {
  color: orange;
  #bundle > .button;
}

个人博客: 付博瀚个人博客1 付博瀚个人博客2

目录
相关文章
|
7月前
|
C++
C++命名空间学习应用案例
C++中的命名空间示例:通过`my_namespace`防止命名冲突,包含`print_message()`函数,在`main()`中调用时需加上命名空间前缀`my_namespace::`。
47 3
|
7月前
|
C++
【C++ 命名空间】C++ 命名空间与嵌套命名空间入门指南
【C++ 命名空间】C++ 命名空间与嵌套命名空间入门指南
181 0
|
7月前
|
C++ 开发者
C++程序命名空间
C++程序命名空间
51 1
|
7月前
|
编译器 C++
C++入门(命名空间)
C++入门(命名空间)
|
7月前
|
C++
C++命名空间详解
C++命名空间详解
47 0
|
7月前
|
C++
64命名空间
64命名空间
35 0
C++(命名空间的使用小结)
C++(命名空间的使用小结)
|
编译器 C++
【C++】命名空间的使用
【C++】命名空间的使用
92 0
|
PHP 开发者
命名空间总结|学习笔记
快速学习命名空间总结
命名空间总结|学习笔记
|
SQL PHP 数据库
命名空间应用|学习笔记
快速学习命名空间应用,根据实际的开发需求,设定合适的命名空间进行管理
命名空间应用|学习笔记