HTML/CSS/Style Basics/important

Материал из Web эксперт
Перейти к: навигация, поиск

!important rules are used to override specificity

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>Specificity, !important</title>
       <style rel="stylesheet" type="text/css">

body { 

   font: 14px sans-serif;

} span#precedence { 

   background: lightyellow;

} span { 

   background: orange !important;

} 

       </style>
   </head>
   <body>

The !important syntax causes a selector to have greater precedence than those without it. 

   </body>

</html> 

</source>


!important syntax has greater precedence than the (x)HTML style attribute

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>Specificity, !important</title>
       <style rel="stylesheet" type="text/css">

body { 

   font: 14px sans-serif;

} span#precedence { 

   background: lightyellow;

} span { 

   background: orange !important;

} 

       </style>
   </head>
   <body>

It also has greater precedence than the (x)HTML style attribute. 

   </body>

</html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Style_Basics/important&oldid=5931»