css - jquery mobile css 总是覆盖我的 css

Question

我在 jQuery Mobile 的 css 文件之后加载我的 css：

<head>
    <link rel="stylesheet" href=".../1.1.1/jquery.mobile-1.1.1.min.css" />
    <link rel="stylesheet" href="main.css" />
</head>

但我的保证金属性总是被覆盖：

萤火虫显示被覆盖的边距属性

不知何故，jquery的css在我之后动态加载了吗？我尝试过使用ThemeRoller，但它太简单了，我无法更改边距。

谢谢！

score 2 · Accepted Answer

你的 CSS 被覆盖的原因是因为 jQuery 的 CSS 使用它的选择器更准确。

你说所有具有类的项目.ui-radio都应该有边距，这是首先取的，然后在 .ui-controlgroup-vertical 内的所有具有 .ui-radio 的项目也有一个设置的边距。

一个简单的技巧是确保使用相同的选择器，.ui-controlgroup-vertical .ui-radio在这种情况下，如果您的 CSS 之后加载，这应该可以解决问题。否则，再使用一个父容器就可以了。

1 回答 1