• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

织梦吧 - dedecms,网站模板,建站教程,图片素材免费下载

DedeCMS视频教程
当前位置: 织梦吧 > 网页制作 > DIV&CSS >

如何使样式CSS不被覆盖 !important

来源: www.dedecms8.com 编辑:织梦吧 时间:2013-01-25点击:

 在合作的过程中,经常会遇到这样的问题,别人做的样式CSS,要保留它的基础上自己添加。然后添加了 发现没有覆盖别人而被别人覆盖了。遇到这样的问题的时候,我们可以这样解决:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  4. <title>Untitled Document</title>  
  5. <style type="text/css">  
  6. .aa{  
  7.         font-family: Verdana, Arial, Helvetica, sans-serif;  
  8.         font-size: 12px;  
  9.         background-color: #FF0000 !important  
  10. }  
  11. .bb{  
  12.         font-family: Verdana, Arial, Helvetica, sans-serif;  
  13.         font-size: 12px;  
  14.         background-color: #FF0000;  
  15. }  
  16. </style>  
  17. </head>  
  18. <body>  
  19. 以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了.  
  20. <div class="aa" style="background-color:#cc6600;font-size:16px;">中Class中包括:!important的样式</div> <div class="bb" style="background-color:#cc6600">不包括的样式</div>  
  21. </body>  
  22. </html>  

效果:以下两个DIV的样式基本一样,但是第一个的外挂(理解俺的意思就行了)样式:background-color后面加了一个 !important,所以,虽然第一个DIV行内(in line)CSS也定义了background-color,但是却是参照外挂的background-color,其它的没有指定 !important 的,就被行内的STYLE覆盖掉了:

标签:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 [email protected] ,  QQ