css - jquery 移动 css 总是覆盖我的 css

标签 css jquery-mobile

我在 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>

但是我的边距属性总是被覆盖:

firebug showing overwritten margin attribute

jquery 的 css 是否以某种方式在我的之后动态加载? 我试过使用 ThemeRoller但这太简单了,我无法更改边距。

谢谢!

最佳答案

您的 CSS 被覆盖的原因是因为 jQuery 的 CSS 选择器更加准确。

你说所有类 .ui-radio 的元素都应该有边距,它首先被采用,然后所有在 .ui-controlgroup-vertical 内的带有 .ui-radio 的元素都有一个集合 margin 也是。

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

少读以使其更清楚:http://www.w3.org/wiki/CSS/Training/Priority_level_of_selector

关于css - jquery 移动 css 总是覆盖我的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12691629/

相关文章:

css - 我应该删除供应商前缀吗?

javascript - 如何使用js固定和取消固定元素

html - 水平图像滚动,里面的文字太过分了

javascript - 如何在 jQuery Mobile 中检测/查询当前正在进行的变更页面/转换?

html - JQM 内容中 div 容器周围的额外空间

javascript - 顶部导航上的白框,而 css 动画或切换导航正在进行中

javascript - 在 Anything Slider 下面添加一个文本框

jquery-mobile - 带有 Jquery mobile 的 ListView 中的复选框

JQuery Mobile : . val() 不起作用

jquery-mobile - 执行一些代码后如何尝试关闭单击按钮的弹出窗口?