将使用哪种样式表？ （IE条件语句）

Question

我需要为IE使用不同的样式表，我想知道哪个样式表可以控制。

例如，我将在＆lt; head＆gt;：

中使用此代码

<link rel="stylesheet" type="text/css" href="styles/style.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles/ie.css" /><![endif]-->

那么我需要在IE样式表中使用！important吗？或者IE第二个样式表会被视为更重要吗？订单是否重要？

Answer 1

具有最高specificity的任何风格都将获胜。如果您在两个样式表中提供相同的选择器，则最新的选择器将获胜。否则，从我上面链接的文章：

  

  
1. 特异性决定了浏览器应用的CSS规则。
  
2. 特殊性通常是您的CSS规则不适用于某些元素的原因，尽管您认为它们应该。
  
3. 每个选择器都在特异性层次结构中占有一席之地。
  
4. 如果两个选择器适用于同一个元素，则具有更高特异性的元素将获胜。
  
5. 有四个不同的类别定义给定选择器的特定级别：内联样式，ID，类+属性和元素。
  
6. 如果你喜欢星球大战，你可以理解特异性：CSS Specificity Wars。
  
7. 如果你喜欢扑克，你可以理解特异性：CSS Specificity for Poker Players
  
8. 当选择器具有相同的特异性值时，最新的规则是重要的规则。
  
9. 当选择器具有不相等的特异性值时，更具体的规则是重要的规则。
  
10. 具有更多特定选择器的规则具有更高的特异性。
  
11. 最后定义的规则会覆盖之前存在冲突的规则。
  
12. 嵌入式样式表比其他规则具有更高的特异性。
  
13. ID选择器的特异性高于属性选择器。
  
14. 您应该始终尝试使用ID来提高特异性。
  
15. 类选择器击败任意数量的元素选择器。
  
16. 通用选择器和继承的选择器具有0,0,0,0的特异性。
  
17. 您可以使用CSS特异性计算器计算CSS特异性。
  

Here are the official docs on it

Answer 2

第二个声明将覆盖ie中的第一个声明。