3

私はウェブデザイナーではありません。私は友人を助けようとしています。

このサイトを構築するにあたり、ページ要素間のスムーズな移行を促進するために jquery を実装することにしました。私が遭遇した問題は、jquery が機能するために、コードにhttp://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.cssを含める必要があることです。カスタムCSSをオーバーライドします。具体的な問題は、ハイパーリンク内のテキストが再フォーマットされ、見栄えが悪いことです。

jquery css がカスタム css を上書きしないようにする最も簡単な方法は何ですか? 私はthemerollerについて読んでいますが、私がすでに行ったすべての作業の後でさえ、あまりにも複雑に見えます.

4

4 に答える 4

2

他の回答が!important述べているように、絶対に使用したいCSSスタイルに追加するだけです（あなたのものとjqueryのものなど）。これでうまくいくはずです。しかし、css ドキュメント全体に対してこれを行うと、これは非常に面倒です。

まずできること

cssがjqueryの後に含まれていることを確認することです。これにより、css スタイルが最後に含まれるため、jquery よりも優先されます。そして、うまくいくことを願っています。(同じクラスを定義する 2 つの css ファイルを参照)

次にできること

jquery の css シートをいじることです。jquery.mobile-1.2.0.min.css実際に空のファイルをインクルードするとどうなりますか? jquery は動作しますか? 自分のものに関係するすべての css コードを削除するとどうなるでしょうか? 開発者ツールに記録される例外は何ですか?

最後に、次のことができます

すべての css のもの (あなたのものと jquery のもの) をカスタム jquery テーマにまとめるという難しい (しかし推奨される) 方法に進みます。これは、多くの並べ替えと再計画を意味する可能性がありますが、一度それを行うと、jquery はもはや問題ではなくなります。

于 2013-06-12T07:40:26.230 に答える
0

!importantCSS で使用します。これらがあなたを助けると思うかもしれません。

!important とマークされた CSS ルールは、それ以降のルールよりも優先されます。

元：

#example p {
    color: blue !important;
}

参照

于 2013-06-12T04:37:54.553 に答える
0

!important既存の CSS スタイルを追加します。

例

#yourCustomID {
    width: 500px !important;
    background: red !important;
}
于 2013-06-12T04:38:08.040 に答える