【发布时间】：2013-08-30 23:51:15
【问题描述】：
我正在使用 joomla 模板，其中有各种样式表文件用于页面布局。我在这里展示了简单的方法：
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 规则，无论在该菜单中应用何种样式，我都可以将其重置为浏览器默认值。有没有办法做到这一点？
【问题讨论】：
-
在底部加载你要应用的css文件...
-
@DipeshParmar 我已经这样做了，但我需要检查应用了哪些样式然后重置。请重新阅读最后一段。
-
为什么不在每个中设置值？或者你可以使用
if else块。确保当前的 css 是您想要的。 -
目前存在几个关于重置为浏览器默认设置的问题（诚然，有点难找）。最重要的是，您无法获得元素的属性的浏览器默认值，除非在任何匹配元素的规则中简单地根本不设置属性。
标签： css