css - jquerymobilecssは常に私の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>

しかし、私のマージン属性は常に上書きされます：

上書きされたマージン属性を示すfirebug

jqueryのcssは私の後に動的にロードされていますか？ThemeRollerを使ってみましたが、単純すぎて余白を変更できません。

ありがとう！

score 2 · Accepted Answer

CSS が上書きされる理由は、jQuery の CSS がそのセレクターでより正確であるためです。

class を持つすべてのアイテムにはマージンが必要であると言いますが.ui-radio、これは最初に取得され、次に .ui-controlgroup-vertical 内にある .ui-radio を持つすべてのアイテムにもマージンが設定されています。

簡単なトリックは、同じセレクターを使用することを確認すること.ui-controlgroup-vertical .ui-radioです。この場合、CSS が後で読み込まれる場合、これでうまくいくはずです。それ以外の場合は、もう 1 つの親コンテナーを使用すれば問題ありません。

1 に答える 1