Bra*_*ons 1 html css internet-explorer
我需要为IE使用不同的样式表,我想知道哪个样式表将采取控制.
例如,我将在<head>中使用此代码:
<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第二个样式表会被视为更重要吗？订单重要吗？
任何具有最高特异性的风格都将获胜.如果您在两个样式表中提供相同的选择器,则最新的选择器将获胜.否则,从我上面链接的文章:
- 特性决定了浏览器应用哪条CSS规则.
- 特殊性通常是你的CSS规则不适用于某些元素的原因,尽管你认为它们应该.
- 每个选择器都在特定层次结构中占有一席之地
- 如果两个选择器应用于同一元素,则具有更高特异性的元素将获胜.
- 有四个不同的类别定义给定选择器的特定级别:内联样式,ID,类+属性和元素.
- 如果你喜欢星球大战:CSS特异性战争,你可以理解特异性.
- 如果你喜欢扑克,你可以理解特异性:扑克玩家的CSS特异性
- 当选择器具有相同的特异性值时,最新的规则是重要的规则.
- 当选择器具有不相等的特异性值时,更具体的规则是重要的规则.
- 具有更具体选择器的规则具有更大的特异性.
- 最后定义的规则会覆盖任何先前的冲突规则.
- 嵌入式样式表比其他规则具有更高的特异性.
- ID选择器具有比属性选择器更高的特异性.
- 您应该始终尝试使用ID来提高特异性.
- 类选择器击败任意数量的元素选择器.
- 通用选择器和继承的选择器的特异性为0,0,0,0.
- 您可以使用CSS特异性计算器计算CSS特异性.