css样式里前面加@是什么意思?

Question

如题所述

Answer 1

@是CSS的一种选择符，有很多应用场景。
最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。
此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式。
当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：
@media screen and (max-width: 1000px)
{
body {background;black}
}

Answer 2

CSS@规则以一个关键词@开始，紧跟在后的是一个标示符
@import -- 加载外部样式表
例如 @import “1.css”; @import url(“1.css”);

@media -- 指定媒体类型

不建议使用

参考外国文档 http://www.htmldog.com/guides/css/advanced/atrules/追问

我看见好多大师都用进去呢 都是用在全局样试里，会有什么影响吗？

追答

http://www.qianduan.net/high-performance-web-site-do-not-use-import.html