如何重置为浏览器默认的CSS？

我正在使用joomla模板，其中有各种样式表文件用于页面布局。我在这里展示的简单方法：如何重置为浏览器默认的CSS？

style1.css

#header ul.menu li a{ background-color: red; }

style2.css

#header ul.menu li a{ color: blue; }

style3.css

ul.menu li a:hover{ background-color: gray; }

style4.css

ul li a:active{ background-color: green; }

style5.css

ul.menu { list-style: none;} 
ul.menu li{display: inline;} 
ul li a{float: left; display: block;}

什么是重置#header菜单的默认样式的最佳方式？

我可以在CSS在style1.css如以下将!important如果需要重新为自己停留：

#header ul.menu{list-style: none;} 
#header ul.menu li{display: inline-block;} 
#header ul.menu li a{color: black; background-color: none;} 
#header ul.menu li a:hover{color: black; background-color: none;} 
#header ul.menu li a:active{color: black; background-color: none;}

但对于这个我首先看到的样式在菜单应用，然后设置我自己的风格。

但我正在寻找css规则，无论样式应用于该菜单中，我都可以重置为其浏览器默认值。有没有办法做到这一点？

来源

2013-08-28 Bhojendra Nepal

加载CSS文件的样式表在底部，你想申请... –

@DipeshParmar我已经这样做了，但我需要检查什么样式应用然后重置。请重新阅读最后一段。 –

为什么你不设置每个值？或者你可以使用'if else'块。确保当前的CSS是你想要的。 –

两次与JavaScript的

变化的className方式（你将不得不更换 “的#header” 与 “.header”）
变化正在使用

来源

2013-08-28 05:28:52

如何重置为浏览器默认的CSS？

回答

相关问题