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

目录
相关文章
|
6月前
|
C++
C++命名空间学习应用案例
C++中的命名空间示例:通过`my_namespace`防止命名冲突,包含`print_message()`函数,在`main()`中调用时需加上命名空间前缀`my_namespace::`。
44 3
|
6月前
|
Kubernetes 容器 Perl
k8s命名空间
k8s命名空间
|
6月前
|
C++
【C++ 命名空间】C++ 命名空间与嵌套命名空间入门指南
【C++ 命名空间】C++ 命名空间与嵌套命名空间入门指南
134 0
|
6月前
|
C++ 开发者
C++程序命名空间
C++程序命名空间
42 1
|
6月前
|
域名解析 程序员 C++
C++命名空间
`C++`中的命名空间用于分割全局作用域,减少命名冲突。定义命名空间如`namespace expression {...}`,可使用`using`运算符或`using namespace`指令引用。案例展示如何在命名空间`Person`内定义变量和函数。注意:命名应具描述性,头文件中命名空间放预处理指令后,避免全局变量和过度使用`using`。命名冲突时可设命名空间别名。
34 2
|
6月前
|
编译器 C++
C++入门(命名空间)
C++入门(命名空间)
|
6月前
|
人工智能 编译器 C语言
|
6月前
|
C++
64命名空间
64命名空间
32 0
|
SQL PHP 数据库
命名空间应用|学习笔记
快速学习命名空间应用,根据实际的开发需求,设定合适的命名空间进行管理
命名空间应用|学习笔记