[分享]css中 import怎么给

CSS中的import指令可以让我们在一个CSS文件中引入另一个CSS文件，以达到代码复用和模块化的效果。import url(other.css);上述代码就是一个import指令的范例，我们只需要...

CSS中的import指令可以让我们在一个CSS文件中引入另一个CSS文件，以达到代码复用和模块化的效果。

@import url('other.css');

上述代码就是一个import指令的范例，我们只需要在需要引入其他CSS文件的位置上使用import，并且在引用路径中指定对应的url即可。

另外，需要注意的是，import指令是需要放置在整个CSS文件的最顶部的，否则可能会导致某些样式无法生效。

@import url('other.css');
/*以下为自身样式*/
body {
  background-color: #f0f0f0;
}

在上述的例子中，我们可以看到import指令在文件的最顶部，而后面的自身样式紧随其后。

总的来说，import指令是CSS中一个十分实用的特性，能够较为低耦合地组织CSS代码结构，使之更具可维护性和可读性。