使用条件注释和一个样式表瞄准IE

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用条件注释和一个样式表瞄准IE相关的知识，希望对你有一定的参考价值。

A wrapper may be made to enclose the content of a page, and then you can write descendant CSS rules that mention that wrapper's ID or class name in the selector. But what if only IE thought that wrapper existed? Then those rules would only work for IE, while other browsers would ignore the rules completely.
  1. <style>
  2. /* all browsers make border red */ 
  3. 	#anyelement { border : 2px solid red; } 
  4. /* all browsers see this, but only IE thinks #IEroot exists as an element and makes border blue */ 
  5. 	#IEroot #anyelement { border-color : blue; } 
  6. </style>
  7.  
  8. <body>  
  9. 	<!--[if IE]>  
  10.     	<div id="IEroot">       
  11. 	<![endif]-->  
  12.     	<p id="IE">This browser is IE.</p> 
  13.         <p id="notIE">This browser is not IE.</p>  
  14. 	<!--[if IE]>  
  15.     	</div>  
  16. 	<![endif]--> 
  17. </body>

以上是关于使用条件注释和一个样式表瞄准IE的主要内容，如果未能解决你的问题，请参考以下文章

使用条件注释定位 IE8 是不是有效？

兼容ie8，firefox，chrome浏览器的代码片段

IE条件注释详解

scss 使用HTML IE条件样式表，使用IE8和以下回退调整使用Sass mixin

条件样式表。我需要根据 IE 版本设置样式并拥有

php 条件IE样式表