!important 语法

语法:

Selector{sRule!important;}

说明:

提升指定样式规则的应用优先权。

  • IE6及以下浏览器有个比较显式的支持问题存在,!important并不覆盖掉在同一条样式的后面的规则。请看下述代码:

    示例代码:

    div{color:#f00!important;color:#000;}

    在上述代码中,IE6及以下浏览器div的文本颜色为#000,!important并没有覆盖后面的规则;其它浏览器下div的文本颜色为#f00

  • IE6及以下浏览器要使!important生效,可用以下代码:

    示例代码:

    div{color:#f00!important;}
    div{color:#000;}

    在上述代码中,IE6及以下浏览器中div的文本颜色表现与其它浏览器一致,都为#f00

时间: 2024-10-24 15:13:22

!important 语法的相关文章

4_css语法及优先权.txt

css选择符类型: 1.标签选择符: 就是针对HTML文档中的标签(哪些HTML标签应用哪些CSS样式) 如:p{font-size:12px;} div{background:blue;} 2.id选择符: 比如有很多p标签,但是只想要其中的某一个p标签用到CSS, 那么就在p标签内定义id属性,再在head内加入<style>中CSS, 如:#two{font-size:36px;} 3.类选择符: 可以自己定义样式,应用于一个或多个网页元素,类在网页中可以出现多次, 用于定义重复的样式.

CSS的!important修改权重

!important语法和描述 !important为开发者提供了一个增加样式权重的方法.应当注意的是!important是对整条样式的声明,包括这个样式的属性和属性值. #example { font-size: 14px !important; } #container #example { font-size: 10px; } 实例说明: <!DOCTYPE html> <html lang="en"> <head> <meta char

我的笔记之——CSS的定义、基本语法及选择器的使用

一.CSS的定义 1.什么是css Cascading Style Sheet 层叠样式表 级联样式表 样式表 2.作用: 实现了内容和表现的分离 提高了代码的可重用性和可维护性 二.css样式表的使用方式 使用方式共分三种,使用任何一种都可以更改页面的样式. 1.内联方式 内联样式: 将css样式定义在HTML的标签中 特点:不通用,只能定义某一标签的单独样式. 2.内部样式表 将一系列样式定义在HTML的<head>中 特点:当前网页任何一个标签都可以使用,体现出可重用性. 3.外部样式表

老外教你:如何将单词分类记忆,事半功倍

老外教你:如何将单词分类记忆,事半功倍 Part1: The Lexical Categories of Language Whenever you are learning a foreign language, it is important to be familiar with the lexical categories of a language. The words in a given language play different roles in the transmissi

如何修改element.style内联样式;

我们在写前面 web页面样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了. 其实element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,这种方法相当不好.但是有些时候,我们在使用第三方js文件时,会遇到.哪么我们如何去修改它呢,在才源代码中   用!important 语法优先权来实现我们想要的效果. 举个例子: 默

CSS样式的特点与优先选择权

CSS样式的特点:(子元素会继承父元素的某些样式,子元素有自己的样式就用自己的样式,没有的就用父元素的)      1.继承:              网页中子元素,将继承父元素的样式(比如要控制p标签中的文字大小,可以直接给body标记添加样式)                  2.层叠:             网页中子元素定义了与父元素相同的样式,则子元素的样式将覆盖父元素的样式             后面的样式会覆盖前面的样式 1 <!DOCTYPE html PUBLIC "

如何修改element.style样式

相信很多朋友在修改主题css时遇到过一些问题,比如说出现这个elememt.style,这个有时候无法直接修改,因为找不到.因此可以通过css中的 !important 语法优先权来实现我们想要的效果. 举个例子: 默认情况下上面的背景颜色是绿色,我们找不到element.style该怎么修改呢,这时候就可以在下面CSS样式表里面修改: 如上图,在css样式表里面加入一个背景样式background:#FFFFFF ! important ,可以看到的是最上面的绿色被禁用,白色就是优先显示了.

常出现小问题

如何修改element.style样式 相信很多朋友在修改主题css时遇到过一些问题,比如说出现这个elememt.style,这个有时候无法直接修改,因为找不到.因此可以通过css中的 !important 语法优先权来实现我们想要的效果. 举个例子: element.style{  background-color: yellowgreen;  } .a ul li{    float: left;    height: 29px;    width: 100px;    overflow:

CSS中!important的用法

!important是CSS1就定义的语法,是用于提高指定样式规则的应用优先级.IE一直都不支持这个语法,而其他的浏览器都支持.因此,就可以利用它来分别给火狐浏览器和IE浏览器样式不同的定义. 举例: <html> <body> <span id="main">测试</span> </body> </html> 样式表: #main { width:100px!important; width:10px; bord