bootstrap中@baseFontFamily是什么意思

Question

bootstrap中@baseFontFamily是什么意思

Answer 1

@是变量的意思。

相当于我定义了一个基础变量：baseFontFamily，假设其值为：font-size:14px;color:red;

即一个14像素的字号和文本颜色为红色。然后在需要这种字体的地方全部去引用这个变量。

1. 不能说@在css中是变量的意思，而是@在bootstrap环境中是变量，css目前没有变量这个概念，这依赖于在服务器或客户端通过bootstrap的相关方法去把这种写法的css解析还原成一个正常的css。

   如：h1{@baseFontFamily}/*h1引用了这个变量*/

   实际上最终把上面代码还原成：h1{font-size:14px;color:red;}后去输出给浏览器

2. 未来css4会支持类似的变量，但是不是以@这种形式不一定。