0

2 つのクラスのプロパティを使用して div を作成しようとしています。私はそれがクラスに属し.form、.small

私は次のことを試しました：

CSS:

.form  {
    width: 290px;
    border: 1px solid #D6D6D6;
    background-color: #F9F9F9;
    font-size: 18px;
    color: #767676;
    padding-top: 10px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 3px;
    border: 1px solid #d5d5d5;
    color: #333;
    border-radius: 4px 4px 4px 4px !important;
    height: 25px;
}
.form  .small{
    height: 5px;
}

HTML:

<input name="name" class="form small" title="Username" maxlength="2048" />

最終的に、入力の高さは 5px に変わりませんが、25px のままです。何が間違っているのか本当にわかりません。

4

3 に答える 3

9

現在書かれているように、 のクラス.smallを持つ要素の子孫であるクラスを持つ要素をターゲットにしようとしてい.formます。これら 2 つを組み合わせて、正しくターゲットに設定します。

.form.small {
  height: 5px;
}

参考までに、あなたが書いたように、次のようなものをターゲットにしようとしています：

<div class='form'>
  <div class='small'></div>
</div>
于 2013-09-05T18:18:17.387 に答える
1

smallあなたのCSSは、クラスの子孫であるクラスを持つ要素を探していますform

に変更します.form.small

于 2013-09-05T18:18:49.660 に答える
1

将来の編集をターゲットにするには、これを行うのが最善だと思います：

CSS: 

.from+small {
//Code of .from
//Code of .small
}

HTML: 

<div class="from+small"></div>

.fromそこで、とルールを組み合わせた CSS ルールを作成し.last、将来の編集に役立てます。

于 2013-09-05T18:33:40.383 に答える