使用<link />和@import导入相同的样式表?

时间:2011-02-16 01:50:41

标签: css import

是否有必要或建议使用<link>标记和@import命令导入样式表?特别是,我正在查看this page的第14-15行,其中显示两个命令都用于导入相同的样式表。为什么作者这样做?

编辑:对于后代,这里是有问题的代码:

<link rel='stylesheet' type='text/css' media='all' href='http://socialmediaclassroom.com/index.php?css=site/site_css.v.1223354306' />
<style type='text/css' media='screen'>@import "http://socialmediaclassroom.com/index.php?css=site/site_css.v.1223354306";</style>

2 个答案:

答案 0 :(得分:3)

我无法想到这样做的一个原因:

<link rel='stylesheet' type='text/css' media='all' href='site_css.v.1223354306' />
<style type='text/css' media='screen'>@import "site_css.v.1223354306";</style>

事实上,似乎延迟。如果有一些不明智的理由要这样做,有人请告诉我:)

作者应该摆脱@import行,因为它会导致初始页面渲染速度变慢。

请在此处查看原因:don’t use @importYahoo recommendations document

答案 1 :(得分:3)

这是why 我必须说使用相同的CSS有点令人困惑。