从另一个文件访问css类

时间:2014-09-17 13:13:20

标签: css less

我有一个css类,我希望它继承自另一个类(使用less)。问题是我要继承的类不在同一个文件中。

由于我想要访问的课程是从cdn下载的,我无法在我的文件中导入这个css文件。

是否可以在不导入包含它的文件的情况下访问类?

2 个答案:

答案 0 :(得分:3)

您必须至少在此过程中的某个时间引用该文件。如果没有参考文件,就无法从文件中获取内容。 据我所知,使用CSS执行此操作的唯一方法是@import。 (来自CSS文件)是的,您将导入完整的文件。

或者在您必须使用该特定CSS的页面中使用<link> - 标记,因此不会在每个页面上加载。

无论您使用哪种方式引用外部CSS文件,都可以(重新)移动或更改文件,这是一个坏主意。更好的方法是从原始文件中复制/粘贴(如问题评论中所述)或在服务器上保存css文件的版本

答案 1 :(得分:1)

七个阶段的最大答案已经回答了这个问题。

不太支持通过url导入文件。您只需将其标记为较少的文件,如下所示:

@import (less) "//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css";

然后你可以引用通过url导入的类。

它正在工作,但继承引导类不会导入所有类功能。我继承了.form-control类的所有输入。引导形式控制的一些功能,其中导入(大小,圆角)和其他功能(选中时为蓝色光)。有关此here的更多信息。

input[type="text"]{
    .form-control;
    width: 50%;
}

这是我的帖子here的副本。