- From: Mahesh Mylarappa <maheshmylar@gmail.com>
- Date: Thu, 7 Feb 2013 11:21:25 -0800
- To: www-style@w3.org
- Message-ID: <CAEhFP6hiJ48Gjv7QFBGrBsJDaTbZ8Zec0fxi2S9yBTWCYWWVYw@mail.gmail.com>
Hi,
I was trying to write a script which converts the @import statements to
<link> tags. And i have two questions.
1. Can there be a @import statement and also other style statements inside
the <style> tag? For example:
<style type="text/css">
@import url(http://www.example.com/style.css);
body
{
background:#FFF;
}
..NUI_ContentFrameHeader_l
{
clear: both;
height: 50px;
margin: 0;
color: black;
background:url(/vpn/images/NUI_box_l.png) no-repeat left top;
border: solid 0px #BBC6D6;
overflow: hidden;
letter-spacing: 0;
padding:0 0 0 15px;
}
</style>
2. If there are more than one @import statement in the beginning of
<style> tag body and this is not a scoped style tag. Can we convert
@import statements to <link> statements and move just above the <style>
tag? like:
<style type="text/css">
@import url(http://www.example.com/style1.css);
@import url(http://www.example.com/style2.css)
body
{
background:#FFF;
}
..NUI_ContentFrameHeader_l
{
clear: both;
height: 50px;
margin: 0;
color: black;
background:url(/images/NUI_box_l.png) no-repeat left top;
border: solid 0px #BBC6D6;
overflow: hidden;
letter-spacing: 0;
padding:0 0 0 15px;
}
</style>
to
<link type="text/css" media="screen" rel="stylesheet" href="
http://www.example.com/style1.css"/>
<link type="text/css" media="screen" rel="stylesheet" href="
http://www.example.com/style2.css"/>
<style type="text/css" media="screen">
body
{
background:#FFF;
}
..NUI_ContentFrameHeader_l
{
clear: both;
height: 50px;
margin: 0;
color: black;
background:url(/images/NUI_box_l.png) no-repeat left top;
border: solid 0px #BBC6D6;
overflow: hidden;
letter-spacing: 0;
padding:0 0 0 15px;
}
</style>
Thanks,
Mahesh
Received on Thursday, 7 February 2013 19:36:51 UTC