https://elated-raman-42e0c2.netlify.app/tags/css/Recent content in Css on Sawyer Zheng's BlogHugozh-cnFri, 10 Feb 2023 16:53:38 +0800https://elated-raman-42e0c2.netlify.app/post/notes/web/css/Mon, 27 Jul 2020 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/web/css/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> CSS 样式继承 </h2> <div id="outline-text-headline-1" class="outline-text-2"> <p>参考：</p> <ul> <li><a href="https://www.runoob.com/css/css-howto.html">CSS 创建 | 菜鸟教程</a></li> <li><a href="https://www.runoob.com/w3cnote/css-style-priority.html">CSS 样式优先级 | 菜鸟教程</a></li> </ul> <p>特点：</p> <ul> <li>有具体指出的属性，使用具体指出的</li> <li>其它使用优先级，推导给定的</li> </ul> <div id="outline-container-headline-2" class="outline-3"> <h3 id="headline-2"> 总结 </h3> <div id="outline-text-headline-2" class="outline-text-3"> <ul> <li>越近的优先级越高</li> </ul> </div> </div> <div id="outline-container-headline-3" class="outline-3"> <h3 id="headline-3"> 优先级 </h3> <div id="outline-text-headline-3" class="outline-text-3"> <ul> <li>内联 &gt; 内部 &gt; 外部 &gt; 浏览器默认值</li> </ul> </div> </div> <div id="outline-container-headline-4" class="outline-3"> <h3 id="headline-4"> 破除继承和优先级关系 </h3> <div id="outline-text-headline-4" class="outline-text-3"> <ul> <li>使用“!important”</li> </ul> </div> </div> </div> </div> <div id="outline-container-headline-5" class="outline-2"> <h2 id="headline-5"> 背景 Background </h2> <div id="outline-text-headline-5" class="outline-text-2"> <div id="outline-container-headline-6" class="outline-3"> <h3 id="headline-6"> background-color </h3> <div id="outline-text-headline-6" class="outline-text-3"> <ul> <li> <p>颜色</p>