@import
是加载特定样式表(通常是父主题或其他依赖项)的一种方便的CSS快捷方式,但通常不建议使用它的部分原因是,正如您所提到的,性能受到了较小的影响(样式表加载了@import
未并行加载)。
另一个原因是通过加载带有Wordpress\'wp_enqueue_style
函数,您正在服务器级别定义样式依赖关系,因此可以定义加载特定样式表的条件是否合适。
下面是一个特殊的用例场景,它突出了我所说的内容:
您开发了一个主题,使用了几个样式表,每个样式表都有自己的颜色方案:
红色。css蓝色。css绿色。css默认值。css
每种颜色都与主题的默认样式相关联。css,主题本身扩展了父主题自己的样式。css。为了选择颜色方案,您添加了一个主题选项下拉列表,允许您从各种选项中进行选择。
通过使用wp_enqueue_style
, 您不仅可以根据颜色选项的存在和值仅将相关颜色方案排队,还可以定义加载所有不同样式表的顺序,而无需依赖浏览器自己对@import
顺序
这里有一些further reading 关于这个问题。