2 0 64 28.8 64 64s-28.8 64-64 64H64c-35.2 0-64-28.8-64-64s28.8-64 64-64z m0 448h896c35.2 0 64 28.8 64 64s-28.8 64-64 64H64c-35.2 0-64-28.8-64-64s28.8-64 64-64zM64 0h896c35.2 0 64 28.8 64 64s-28.8 64-64 64H64C28.8 128 0 99.2 0 64s28.8-64 64-64z"></path></symbol></svg><div class="csdn-toolbar clearfix"> <div class="mToolbarL floatL"><div class="toolbarBack"><a href="https://www.csdn.net"><svg class="icon" aria-hidden="true"><use href="#icon-fanhui"></use></svg></a></div> <div class="logo floatR"><a href="/"><svg class="icon" aria-hidden="true"><use href="#icon-wap_toolbar_blog"></use></svg></a></div></div> <div class="rightmenu floatR clearfix unlogin"> <a class="floatL search_btn" href="http://so.csdn.net/so/?t=blog"><svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M64 58.3L58.4 64 43 48.5c-4.5 3.5-10.1 5.6-16.2 5.6C12 54.1 0 42 0 27S12 0 26.8 0s26.8 12.1 26.8 27c0 5.9-1.9 11.3-5.1 15.8L64 58.3zM26.8 6.5C15.6 6.5 6.5 15.7 6.5 27s9.1 20.5 20.3 20.5c11.2 0 20.3-9.2 20.3-20.5S38 6.5 26.8 6.5z" fill="#999"></path></svg></a> <div class="login floatR"> <a href="https://passport.csdn.net/account/login?ref=toolbar">登录</a> </div> <div class="logout floatR"> <a href="//my.csdn.net/"><img src="//csdnimg.cn/public/common/toolbar/images/100x100.jpg"></a> </div> </div> </div><script onload="window['cambrian_sync_loader_success1527641317833729']()" onerror="window['cambrian_sync_loader_fail_1527641317836729']()" src="https://ae.bdstatic.com/msite/static/sdk/main.3f3745f7.js"></script>
<script type="text/javascript" id="m-toolbar-tpl-scriptId" prod="blog" src="https://csdnimg.cn/public/common/toolbar/js/m_toolbar-1.0.1.js"></script>
<script type="text/javascript">
var BlogData = {
like : 0 };
</script>
<div id="main">
<div class="a_d_1"></div>
<div class="top_user_mod clearfix">
<div class="top_user_info floatL clearfix">
<a href="https://blog.csdn.net/bymyself11" target="_blank" class="floatL clearfix">
<img class="floatL avatar" src="https://avatar.csdn.net/B/5/9/3_bymyself11.jpg" alt="">
<span class="nick_name odd-overhidden floatL">bymyself11</span>
</a>
</div>
<div class="floatR csdn-tracking-statistics tracking-click" id="span_add_follow" data-pid="blog_app" data-mod="popu_379"><a href="###" target="_blank">关注</a></div>
</div>
<div id="article" class="margin_sides">
<h1 class="article_title">css中使用!important优先级最高问题</h1>
<div class="article_info clearfix">
<span class="type">
原创 </span>
<span class="create_time">2016年07月28日 14:49:10</span>
<span class="read_num">阅读 6623</span>
</div>
<div class="article_content" style="overflow-x: hidden; overflow-y: hidden; ">
<div class="markdown_views">
<p>我们都知道在css属性在不同的地方有不同的优先级，<span>但是我们可以在css定义中的用!important限定的定义<span>最高优先级。</span></span></p>
<p><font color="#000000" face="""><font face="""><span>下面我通过<span>四种情况<span>做个实例：</span></span></span></font></font></p>
<p><font color="#000000" face="""><font face="""><font face="""><span><span>下面是实例<span>代码代码里有对应的说明：</span><br></span></span></font></font></font></p>
<p><font color="#000000" face="""><font face="""><span><span><span></span></span></span></font></font></p><div class="dp-highlighter bg_html" style="position: relative; "><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 123px; top: 352px; width: 16px; height: 16px; z-index: 99; "><embed id="ZeroClipboardMovie_1" src="https://static-blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_1" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=1&width=16&height=16" wmode="transparent"></div><div style="position: absolute; left: 123px; top: 352px; width: 16px; height: 16px; z-index: 99; "><embed id="ZeroClipboardMovie_3" src="https://static-blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="16" height="16" name="ZeroClipboardMovie_3" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=3&width=16&height=16" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">html</span><span class="tag">></span><span> </span></span></li><li class="alt"><span><span class="tag"><</span><span class="tag-name">head</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">meta</span><span> </span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">"Content-Type"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"text/html; charset=UTF-8"</span><span class="tag">></span><span> </span></span></li><li class="alt"><span><span class="tag"><</span><span class="tag-name">title</span><span class="tag">></span><span>Insert title here</span><span class="tag"></</span><span class="tag-name">title</span><span class="tag">></span><span> </span></span></li><li class=""><span><span class="tag"><</span><span class="tag-name">style</span><span> </span><span class="attribute">type</span><span>=</span><span class="attribute-value">"text/css"</span><span class="tag">></span><span> </span></span></li><li class="alt"><span>.