主流浏览器css兼容问题汇总

1、 ie11下很多元素表现和其他浏览器不一致，比如对应用了同一样式（不设置 高度）的div，其他浏览器解析的高度是一致的，但是ie11下该div有可能高度偏大，由此导致一些排版上的问题，所以，如果发现元素排版上下偏移的问题，查看此元素或其当代元素是否设置了高度，统一添上高度一切都ok了。

2、抱歉，ie11问题确实不多。 

四、结尾附上一个关于css优先级的奇谈

首先我们知道：

1、id选择器优先级权重比class选择器大一个数量级，class选择器权重比标签选择器大一个数量级；

2、class选择器和属性选择器同优先级;

3、样式的优先程度需要根据第1条规则计算整体的优先级，按选择器权重计算各条样式规则中所有选择器优先级之和，哪条规则权重大，那条就说了算。如果相同那么后面的覆盖前面的。

4、像这种.dog > p开挂，多了特殊符号的，并不会增加优势，还是和 .dog p优先级一样。

然后可以抛出一个问题了：

对于下面的文档结构，分别对 p | .p | div p | .parent | #parent设置color属性，那么优先级如何呢？

XML/HTML Code复制内容到剪贴板

<div id="parent" class="parent">  

  <p class="p">p</p>  

</div>  

结果很有意思：

也就是 .p > div p > p > #parent > .parent

（编辑：宁德站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!