Html5 - Css样式被jquery移动样式覆盖

Question

我正在使用html5,css,jquery mobile来开发一些应用程序.但是html元素和css被jquery-mobile默认样式表(jquery.mobile-1.0.css)覆盖.

我怎样才能克服这个问题？我只是想把我的风格用在我的页面上.例如,如果我在body标签中给出bgcolor ="red",它将不起作用..

请给我一些建议....

感谢您....

Answer 1

使用CSS并在必要时将属性标记为!important.

body { background-color: #f00; }

如果这不起作用,例如因为jQuery Mobile CSS中的另一个选择器会覆盖它,请使用!important:

body { background-color: #f00 !important; }

这里解释了优先规则:http://www.w3.org/TR/CSS21/cascade.html#specificity - 但是,通常只是测试您的规则是否已经有效或者是否!important足够.

您当然应该做的是在jQuery mobile CSS 之后包含样式表.即使没有,也可以在样式表中为同等加权的规则提供更高的优先级!important.