CSS如何使用!important规则?

2024-01-17 15:47 小编

  !important规则是什么?怎么用?

 

  !important是CSS的一个规则,用于提高指定CSS样式规则的应用优先权;它被添加到CSS值的末尾以赋予它更多权重。【视频教程推荐:CSS教程】

 

  在CSS中,样式规则以级联方式应用于元素。下面这个列表中越靠前的权重越小:

 

  ●浏览器样式:是Web浏览器声明的默认样式。

 

  ●用户声明的样式:是用户使用浏览器选项设置或通过开发人员调试工具修改的自定义样式。

 

  ●开发中声明的样式:是网站开发人员在CSS样式表中声明的样式。

 

  ●具有!important规则的开发者声明样式。

 

  ●具有!important规则的用户样式。

 

  !important规则的使用示例:  

 

  <!DOCTYPEhtml>

 

  <html>

 

  <head>

 

  <metacharset="utf-8">

 

  <title>php中文网(php.cn)</title>

 

  <style>

 

  #container{

 

  width:450px;

 

  height:200px;

 

  font-size:25px;

 

  }

 

  #example{

 

  color:red!important;

 

  }

 

  #container#example{

 

  color:pink;

 

  }

 

  </style>

 

  </head>

 

  <body>

 

  <divid="container">

 

  <divid="example">PHP中文网!</div>

 

  </div>

 

  </body>

 

  </html>


image.png



Tag: 如何 规则
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码