CSS 如何恢复到默认样式？

Posted 2023-03-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 如何恢复到默认样式？相关的知识，希望对你有一定的参考价值。

在外层改变了设置，在内部怎么恢复到默认呢？比如：
*margin:0;padding:0;全部元素都没有了内外边距，但是在某个区域我想让其以浏览器默认样式显示，可以吗？

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题。

查找一些教材中（w3schools等），只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。经过测试和继续搜索，得知优先级如下排列：

1. 样式表的元素选择器选择越精确，则其中的样式优先级越高：

id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式所以上例中，#navigator的样式优先级大于.current_block的优先级，及时.current_block是最新添加的，也不起作用。

2. 对于相同类型选择器制定的样式，在样式表文件中，越靠后的优先级越高

注意，这里是样式表文件中越靠后的优先级越高，而不是在元素class出现的顺序。比如.class2 在样式表中出现在.class1之后：

.class1 color: black;
.class2 color: red;
.class1 color: black;
.class2 color: red;

而某个元素指定class时采用 class="class2 class1"这种方式指定，此时虽然class1在元素中指定时排在class2的后面，但因为在样式表文件中class1处于class2前面，此时仍然是class2的优先级更高，color的属性为red，而非black。

3. 如果要让某个样式的优先级变高，可以使用!important来指定：

.class1 color: black !important;
.class2color: red;

参考技术A 浏览器默认没有样式的，你在加了全局样式后如果个别地方需要单独样式可单独设置，例如：body margin:0 auto;padding:0;.a margin:5px;padding:0 0 0 10px;<body><div class="a">这里是内容</div>这里的a就是局部样式的定义了。参考技术B *margin:0;padding:0;这个默认是全局的,如果下面你要用其他的样式可以新增加样式,如:#main margin:5px auto; padding:0;用<div id=main></div>的方式连接,那这个层的上下边距就不再是0而是5px了! 参考技术C 简单的方法是在你想要的某个元素上加上style属性，写CSS。