-3

jQuery Mobileのデモ ページには、使用したい気の利いたリストビュー ウィジェットがあります。
ただし、要素のフォント サイズを小さくしたいと思い<li>ます (<li>その特定のリスト内の要素のみで、他の要素ではありません)。

どうすればそれをやってのけることができますか？

4

1 に答える 1

2

<link>最初に html ファイルの head 要素の jquery-mobile.css にaを<head>追加し、次の行で<link>site.css ファイルに a を追加します。site.css に以下を追加します。

.ui-link-inherit{
    font-size:80%
}

ui-link-inherit は、提供したデモ リンクのリスト内の各リスト アイテム ( ) に jquery mobile が与えるクラス名<li>です。site.css ファイルは jquery-mobile.css ファイルで定義されたスタイルをオーバーライドします。 jquery css リンクの後の次の行 (これがカスケーディング スタイル シートと呼ばれる理由です)。例として、jquery css ファイルと Web サイトの css ファイルの両方に独自の名前を付けていることに注意してください。

これは、私の site.css の例のような外部 css ファイルの代わりに、インライン css スタイルで行うこともできます。

<style>
  .ui-link-inherit{
        font-size:80%
    }
</style>

<style>ここでも、要素が jquery モバイル css ファイルへのリンクの後にあることを確認してください。

于 2013-09-11T22:18:42.550 に答える