在我的 win8 应用中有 2 页。Page1.html 和 page2.html 。Page1 引用了 ui-light.css，然后是 page1.css。Page2 引用了 ui-light.css 和 page2.css。
ui-light.css 为选择框的禁用状态定义了一个规则。在 page1.css 上，我以这种方式覆盖了选择禁用样式。
select:disabled{
background-clip: padding-box
background-color: rgb(45, 44, 44)
border-bottom-color: rgba(128, 128, 128,1)
border-left-color: rgba(128, 128, 128,1)
border-right-color: rgba(128, 128, 128,1)
border-top-color: rgba(128, 128, 128,1)
color: rgba(128, 128, 128,1)
}
这工作正常。但是当我从 page1 导航到 page2 时，page2 中的所有选择框都具有相同的样式（page1.css 中的样式）。我如何确保不会发生这种情况？我希望 page2.css 中的选择框继续使用 ui-light.css 中的样式。
我尝试使用 !important 定义基于 id 的样式。似乎没有任何效果。
有任何想法吗？