3

入力の標準サイズを定義する main.css ファイルがあります。

/* Describe general input element sizes */
input[type="text"], input[type="password"]
{
    width: 180px;
    border: 1px solid #aaa;
}

この CSS は、ページのヘッダーで参照されます。ページの後半で、次のように定義します。

<style>
        .shortField {
            width: 50px;
        }

    </style>

クラス「shortField」を入力ボックスに割り当てましたが、サイズが適用されません。F12 スクリーンショット:

ここに画像の説明を入力

4

4 に答える 4

-1

CSS の重要性の階層を理解するのに役立つかもしれません。

Inline > Embedded > External
  • インライン スタイルはstyle=""、埋め込みスタイルシートまたは外部スタイルシートから指定されたスタイルをオーバーライドします。
  • 埋め込みスタイルは、ドキュメント<style>内のスタイルです。<head>それらはインラインでオーバーライドされますが、外部をオーバーライドします。
  • 外部スタイルは外部ファイルに記述され、埋め込みまたはインラインによって上書きされます。

私の理論では、外部スタイルシートをオーバーライドするスタイルがあるということです。

于 2013-05-17T18:59:02.447 に答える