Question

css中@import 为什么在浏览器中只支持嵌入一个

两个css样式表

嵌入一个border样式有效

嵌入第二个 全部无效 求解





Answer 1

@import url(1.css);
@import url(2.css);

貌似是你没写结束的分号造成的，解析css的时候按分号来断行判断上下文，代码里面最后行末尾的“;”分号可以省略，但是前面的不能省略。

body {
font-size: 12px /*只有一行代码，px后面是最后一行末尾，省略分号合法*/
}

body {
font-size: 12px;
color: red /*red后面还是最后行的分号，省略合法*/
}

body {
color: blue /*blue后面不是尾部，此处省略分号不合法*/
padding: 0;
}

我没用过@import url来引用css，不过应该下面这个情况也是合法的，你自己试试：

@import url(1.css);
@import url(2.css) /*跟上一个分号关系是它为最后一行，末尾可省略*/

你两个都没写，浏览器解析会出错，另外避免用 @import url(); 的方法来引用样式表，弊大于利，原因自行百度。

为了避免出错了麻烦，习惯上应该都写上不要省略任何分号，结果传说中的Vim神器默认不自动补全常见语法的分号、括号之类的...找个更适合写html、css的编辑器吧。