<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml xml:lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/vnd.wap.wml; charset=utf-8"/>
<meta http-equiv="Cache-Control" content="no-cache"/></head>
<card title="CSS2.1 的优先权图示 - Gracecode.com">
<p>怿飞兄的新写的 Blog 《<a href="http://www.planabc.net/2008/05/06/css_specificity/" title="http://www.planabc.net/2008/05/06/css_specificity/">详解 CSS 的优先权</a>》非常的精彩。对于<a href="http://www.gracecode.com/Archive/Display/1209" title="http://www.gracecode.com/Archive/Display/1209">我这样的 CSS 菜鸟而言</a>，真的可以用醍醐灌顶来形容。</p>

<p>个人认为 CSS 优先权是比较重要的概念，尤其在维护庞大的 CSS 样式时，就显得非常的有用（当然，在样式庞大复杂以后，而不得不采用优先权更改样式，这是种不可取的做法，应该避免出现这种情况）。</p>

<p><img src="http://pic.yupoo.com/feelinglucky/52824583ed77/medium.jpg" alt="http://pic.yupoo.com/feelinglucky/52824583ed77/medium.jpg" title="http://pic.yupoo.com/feelinglucky/52824583ed77/medium.jpg" /></p>

<p>为了方便大家（同时也是本人）理解，我在消化这篇文章时胡乱画了张图示，希望能起到抛砖引玉的作用（但愿不要误人子弟 - <a href="http://www.yupoo.com/photos/view?id=ff80808119bd6b100119bed2df1e317b" title="http://www.yupoo.com/photos/view?id=ff80808119bd6b100119bed2df1e317b">访问大图</a>，或者<a href="http://www.gracecode.com/upload/2008_05_06/1210087972.zip" title="http://www.gracecode.com/upload/2008_05_06/1210087972.zip">打包下载</a>）。</p>

<p>在<a href="http://www.planabc.net/2008/05/06/css_specificity/" title="http://www.planabc.net/2008/05/06/css_specificity/">怿飞的文章中 arthuridea 兄的问题</a>，</p>

<pre>Javascript 修改元素的 CSS 时，如何确定其优先权</pre><p>按照本人的理解，我在这里“喧宾夺主”，抢答一下（不对的地方，请各位指正）</p>

<pre>Javascript 修改样式分两种，一种是修改元素的 style 属性、
还有一种是修改元素的 class 属性。style 属性就是上述的内
联样式，权限较高 +1,0,0,0；而 class 属性则遵循上述的优
先权。</pre>
<p>
<a href="http://www.gracecode.com/wap/">Gracecode.com</a> |
<a href="http://www.gracecode.com/wap/d/1523 ">Permalink</a>(<a href="http://www.gracecode.com/Archive/Display/1523 ">xHTML</a>) |
<a href="http://www.gracecode.com/Trackback/Recieve/1523/4i85ck">Trackback</a> |
<a href="http://rss.gracecode.com">Rss</a>
</p>
</card>
</wml>