覆盖为HTML标记设置的CSS样式

Mic*_*ern 2 html css

我的页面引用了一个CSS样式表,其定义如下:

html {background-color:#FFFFFF;background-image:url('../images/Background.png');background-repeat:repeat-x; } 
Run Code Online (Sandbox Code Playgroud)

如何background-image在页面级别覆盖元素?我需要在我的应用程序中覆盖一个页面的设置.

Kev*_*sox 5

将类添加到html元素,然后使用一些内联样式来覆盖外部样式表的样式.您还可以将内联样式放在外部样式表中,这是最佳实践.

<html class="myHtmlTag">
   <head>
     <link href="externalStyle.css" rel="stylesheet"/>
    <style>
     html.myHtmlTag{
       background: none !important;
       background-image:none !important;
     }
    </style>
   </head>
   <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)