-1

CSS を使用して 2 つの異なる入力のスタイルを設定したいのですが、私の CSS ファイルでは、両方のクラスに対して 1 つの宣言のみを使用しています。これが私が試したものです

HTML:

<input type="text" name="data_start" id="data_start" class="data_start" />
<input type="text" name="data_end" id="data_end" class="data_end" />

CSS:

.data_start .data_end { width:68px; margin-left:5px; }

上記のコードを使用すると、入力のスタイルが設定されませんが、CSS ファイルで次のようにすると動作します。

.data_start { width:68px; margin-left:5px; }
.data_end { width:68px; margin-left:5px; }

最初の CSS ステートメントが機能しない理由を誰か説明できますか?

4

5 に答える 5

7

.data_start .data_end.data_end 要素内の要素を意味し.data_startます。

.data_start, .data_end.data_startおよび.data_end要素に適用されることを意味します。

于 2012-09-10T07:20:15.120 に答える
2

あなたが何か間違ったことをしたからです：

.data_start .data_end {width:68px;margin-left:5px;}

.data_end言っている：中を検索.data_start.

.data_start, .data_end {width:68px;margin-left:5px;}

.data_startまたはを検索すると言って.data_endいます。コンマを参照してください。

于 2012-09-10T07:20:51.553 に答える
1

.data_start、.data_end {width：68px; margin-left：5px;}こんにちは、

「、」を追加する必要があります

于 2012-09-10T07:20:41.737 に答える
1

2つと.data_startカンマ.data_end {width:68px;margin-left:5px;}で区切る必要があります

次のようになります。.data_start, .data_end {width:68px;margin-left:5px;}

于 2012-09-10T07:21:22.110 に答える
0

これら2つを区切るにはコンマを使用します

.data_start, .data_end {width:68px;margin-left:5px;}
于 2012-09-10T07:22:00.567 に答える