CSS优先级问题详解.docVIP

css优先级问题详解 当你将一个样式添加到元素上却发现不起作用时，那 就是遇到优先级问题了。那么应该如何处理css优先级问 题呢，下面我总结了一些解决css优先级问题的常用法则。 样式距离 我们可以通过使用外部样式、内部样式、内联样式等 方法给元素添加指定的样式，此时的优先级是： 外部样式it;内部样式it;内联样式 这个应该比较容易理解，也就是说离元素距离越近的 样式优先级越大。如： 代码如下： It; style type=〃text/css〃gt; di v{color:blu e;}//内部样式 It :/stylegt; It;linkrel =〃styleshee t〃type=〃tex t/css〃href= mystyle.es s’’/gt;//夕卜部样式(color :gre en) It;div style=’’colo r:redgt;my colorlt;/di vgt;// 内联样式 此时显示的优先级是r edgt ;bluegt ;green。戶斤以my color显示为红色。 特殊的计算方法 假设有下面这段代码： 代码如下： It: stylet ype=〃text/c ss〃gt; div p. classSele ctor {color: blue} #ids electorp {co lor:red} lt;/stylegt; It; divi