Urgent background:none!important What does this mean_html/css

In the process of learning CSS, encountered the following usage. background:none!important and cursor: pointer !important;

I would like to ask all the experts, what does this mean? ?

Reply to discussion (solution) It should be that IE7 will also support: background:none; and cursor:pointer

I think it should be, use it! Important attribute style, Firefox, Opera and other browsers will recognize its priority, but IE will not recognize it! The important style, that is, these two lines of code, is for filtering IE, personal opinion!

Untitled Document

span{ visibility: hidden; } a{ background:url(http://img1.qq.com/lady/pics/12105 /12105393.jpg) no-repeat left top; width:158px; height:200px;display:block; border:1px solid #FFFFFF; float:right;overflow:hidden; } a: active,a:hover{ cursor:pointer} a:hover span,a:active span{position:absolute;top:0px; z-index:20px; left:0px; visibility: visible;} img { width:400px; height:280px; border:7px solid #FFFFFF}; &lt ;img src="a2.jpg" alt="Image description" />

Example 2: Untitled Document

span{ visibility: hidden; } a{ background:url(http://img1.qq.com/lady/pics/12105/12105393.jpg) no -repeat left top; width:158px; height:200px;display:block; border:1px solid #FFFFFF; float:right;overflow:hidden; } a:hover span,a:active span{position:absolute;top:0px; z-index:20px; left:0px; visibility: visible;} img{ width:400px; height:280px; border:7px solid #FFFFFF}; &lt ;/style>

;The following effects cannot be produced.

This is the default style sheet of our development team. Hope it helps you

/* Author: cuikai msty@tom.com */

/* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin :0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em, strong,th,var{font-style:normal;font-weight:normal} ol,ul {list-style:none} caption,th {text-align:left} h1,h2 ,h3,h4,h5,h6{font-size:100%} q:before,q:after{content:''}

/* font */ .f12{font -size:12px!important} .f14{font-size:14px!important} .bold{font-weight:bold} .normal{font-weight:normal} .font_none {font-size:0px; line-height:0px}

/* color */ .red , .red a{color:#f00!important} .gray, .gray a {color:#666!important} .green , .green a {color:#76c56a!important} .orange, .orange a {color:#fd864a!important}

/* layout*/ .block{display:block} .hidden{display:none} .bg_none{background:none!important} .float_left{float:left} .float_right {float:right} .clear{clear:both!important} .margin_10{margin:10px} .margin_20{margin:20px} .margin_top{margin-top:10px} .margin_right{margin-right:10px} .margin_bottom{margin-bottom:10px} .margin_left{margin-left:10px} .padding_10{padding:10px} .padding_20 {padding:20px} .padding_top{padding-top:10px} .padding_right{padding-right:10px} .padding_bottom{padding-bottom:10px} .padding_left{padding-left :10px} .nopadding{padding:0!important}

/* Author: guoxiaoling */

/* Author: shiwenliang */* { margin:0; padding:0;} html { text-align:center; background:#fff;} body { width:960px; position:relative; margin:0 auto; padding :10px 0; text-align:left; font:12px/1.6em Tahoma,Verdana, Lucida, Arial, Helvetica, Song Dynasty,sans-serif; color:#666;} h1, h2, h3, h4, h5 , h6 { font-size:100%;} address, caption, cite, code, dfn, em, strong, th, var,b,i { font-style:normal; font-weight:normal;} table { border-collapse:collapse; border-spacing:0; empty-cells:show;} ol, ul { list-style:none outside;} :focus { outline :0;} fieldset, img { border:0;} caption, th { text-align :left;} q:before, q:after { content:'';} a { text-decoration :none; } a:hover { text-decoration:underline;} input,select,textarea { font-size:12px; padding:2px;} .clearfix { overflow:hidden; zoom: 1;}

In the process of learning CSS, encountered the following usage. background:none!important and cursor: pointer !important;

I would like to ask all the experts, what does this mean? ?

In order to be compatible with various browsers

background:none!important //for IE7 and FF

But IE6 does not recognize important

Haha~~ little brother Learn~~

qweqweqwe

Learned, haha

I still don’t understand what important means

! important means priority. Classes defined by id or class will be used first

Urgent background:none!important What does this mean_html/css_WEB-ITnose

Reply to discussion (solution)