如何让css样式失效

为了让页面显示效果更加美观，我们会给网页添加各种各样的样式。但有时候我们又需要取消某些样式，让元素恢复默认状态。下面介绍具体实现方法：

1、使用!important关键字

在css样式中添加!important关键字可以让该样式优先级最高，覆盖其他样式。

		/*样式*/
		p{
			font-size: 24px!important;
		}

		/*HTML*/
		<p>我原本是24px,但是被!important覆盖，现在变成了16px</p>
	

2、使用inline样式

在html标签中添加style属性可以给该元素设置自己的样式，覆盖外部样式表。

		/*样式*/
		p{
			font-size: 24px;
		}

		/*HTML*/
		<p style="font-size: 16px">我原本是24px,但是被inline样式覆盖，现在变成了16px</p>
	

3、使用CSS reset

CSS reset是清除默认样式的一种方法，将所有元素的样式都恢复为默认值。_reset.css是一种常见的CSS reset文件。

		<link rel="stylesheet" type="text/css" href="_reset.css">
		/*所有样式都被清除，元素恢复为默认状态*/
	

4、使用覆盖样式

如果想要覆盖特定样式，我们可以直接重写该样式。

		/*样式*/
		p{
			font-size: 24px;
		}

		/*覆盖样式*/
		.special{
			font-size: 16px;
		}

		/*HTML*/
		<p class="special">我原本是24px,但是被特定样式覆盖，现在变成了16px</p>