我正在使用 joomla 模板，其中有各种样式表文件用于页面布局。我在这里展示简短的方式：
样式1.css
#header ul.menu li a{ background-color: red; }
样式2.css
#header ul.menu li a{ color: blue; }
样式3.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 规则，无论在该菜单中应用何种样式，我都可以将其重置为其浏览器默认值。有没有办法做到这一点？