如何让css样式失效

让css样式失效的方法：1、通过更改元素名称，来达到让此区域css失效的目的；2、通过设置优先级高的css样式来覆盖此css样式使其失效。

本教程操作环境：windows7系统、css3版，DELL G3 电脑。

让css样式失效的方法：

一、通过更改元素名称，来达到让此区域css失效的目的

如我们已经为 # notice设置了如上的单独样式，可以通过更改元素#notice的名称来取消样式

<script src="http://libs.b ai du .COM / jq uery/2.0.0/jquery.min.js"></script>
<script ty PE ="text/javascript">
$(function() {
    $("#notice").attr("id", "notice00");
});
</script>

二、通过设置优先级高的css样式来覆盖此css样式使其失效

使用!important 提升样式优先级。

<!DOCTYPE ht ML  P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN" 
"http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
 <html  XM lns="http://www.w3.org/1999/xhtml">  
<head>  
< ;m eta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Untitled Document</title>  
<style type="text/css">  
.aa{  
        font-f ami ly: Verdana, Arial, Helvetica, sans -s erif;  
        font- Size:  12px;  
        background-color: #FF0000 !important  
}  
.bb{  
        font-f am ily: Verdana, Arial, Helvetica, sans-serif;  
        font-size: 12px;  
        background-color: #FF0000;  
}  
</style>  
</head>  
<body>  
<div class="aa" style="background-color:#cc6600;font-size:16px;">中Class中包括:!important的样式
</div> <div class="bb" style="background-color:#cc6600">不包括的样式</div>  
</body>  
</html>

效果图：

总结

以上是为你收集整理的如何让css样式失效全部内容，希望文章能够帮你解决如何让css样式失效所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于如何让css样式失效的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did250090

更新时间：2023-07-11 阅读：96次