CSS | @import 规则

@import 规则用于将一个样式表导入到另一个样式表中。此规则还支持媒体查询，以便用户可以导入依赖于媒体的样式表。 @import 规则必须在任何@charset 声明之后的文档顶部声明。

句法：

@import url|string list-of-mediaqueries;

属性值：

• 网址| 字符串:一个 url 或一个字符串表示要导入的资源的位置。 url 可以是相对的或绝对的
• list-of-mediaqueries：媒体查询列表决定了链接 URL 中定义的 CSS 规则的应用

示例：考虑如下所示的两个 CSS 文件。

• css文件

  @import url("i1css.css");
  h1 {
      color: #00ff00;
  }
  

• css文件

  h1 {
     text-decoration: underline;
     font-size:60px;
  }
  
  p {
     padding-left: 20px;
     font-size: 60px;
  }
  

在下面的 HTML 文件中链接第一个 CSS 文件 icss.css 并查看输出。

    
    

  

    
GeeksforGeeks
    
A computer science portal for geeks

                    

输出：

支持的浏览器： @import 规则支持的浏览器如下：

• 谷歌浏览器
• 互联网浏览器 5.5
• 火狐
• 苹果浏览器
• 歌剧