HTML and CSS Reference
In-Depth Information
@import "base";
@media (min-width:300px) {
@import "300-up"; }
@media (min-width:750px) {
@import "750-up"; }
@media (min-width:1150px) {
@import "1150-up"; }
Do note that you need each file titled 300-up.scss , 750-up.scss , and
1150-up.scss within the same parent folder as main.scss and ie.scss .
In the head tag of index.html page, you can now write the following code:
<!--[if (gt IE 8) | (IEMobile)]><!-->
<link rel="stylesheet" href="/css/style.css">
<!--<![endif]-->
<!--[if (lt IE 9) & (!IEMobile)]>
<linkrel="stylesheet" href="/css/ie.css">
<![endif]-->
Note
Jake Archibald also has a far more easy-to-write solution using Sass at
jakearchibald.github.com/sass-ie/ . It takes advantage of newer fea-
tures of Sass 3.2, and has slightly different composition for main.scss and
ie.scss . It requires advanced knowledge of Sass, which is beyond the scope
of this topic.
Printing with jQuery in IE6 and IE7
IE6 and IE7 do not support the :after pseudo selector that all other browsers sup-
port. This means our print stylesheet that provides a feature for all links to be printed
alongside the linked text will not work in IE6 and IE7. You can simply use jQuery
code to overcome this.
Search WWH ::




Custom Search