-1

これが私のコードです：フィドル

何が間違っているのかわかりません。私はこの行でそれを見つけました：

<label>City<font color="red">*</font>: <input type="text" name="city" id="city" /></label><br/>

削除した場合：

</label><br/>

何らかの理由で機能します。理由はわかりません。私が間違っていることについて何か考えはありますか？ありがとう

編集：申し訳ありませんが、何が機能するかについて言及するのを忘れました。1番目と2番目の送信ボタンのスタイルを変えたい。したがって、2番目のフォームの送信ボタンにはn番目の子セレクターを使用しましたが、何らかの理由で2番目の送信ボタンに正しいスタイル変更が適用されていません。私が言ったように、あなたが何らかの理由で上記の部分を取り除くならば、それは働きます。

4

3 に答える 3

0

CSS コード :div.box .button:nth-of-type(2)

要素 div.box .button:nth-of-type(2) はありませんdiv.box .button:nth-of-type(1)。詳細については、以下のリンク http://css-tricks.com/the-difference-between-nth-child-and-nth-of-type/を参照してください。

于 2012-09-25T17:15:37.787 に答える
0

ボタンにさまざまなクラスを与えてみませんか。最初は単純なセレクターを使用してください。それが機能しない場合は、他のクラスを使用してください。

次に font タグを使用しないでください。これをスパンに置き換えて、赤いフォントのエラー クラスを指定します。

input[type="submit"]
{
    padding:4px 7px;
    background:#CC0000;
    border:0px;
    position:relative;
    top:0px;
    border-bottom: 1px double #660000;
    border-top: 1px double #660000;
    border-left:1px double #FF0033;
    border-right:1px double #FF0033;
}

.button1
{
    margin:0 0 10px 0;
    color: #FFF;
    left:0px;
    width:100px;
}

.button2
{
    margin:0 0 5px 0;
    color: #00F;
    left:50px;
    width:150px;

}

.error
{
    color: red;
}

すべての共通属性を 1 つのクラスに配置しました。次に、ボタン 1 とボタン 2 にボタンの特定のプロパティを設定します。これにより、ドキュメントに繰り返しのスタイルがないため、コードがすっきりします。このフィドルをチェック

于 2012-09-25T17:05:54.407 に答える
0

あなたは多くのことを間違っていますが、重要なことは次のとおりです。

label 要素には、input、button、select、textarea、または keygen の子孫を 1 つだけ含めることができます。

2 つの入力 (名 + 姓) を含むラベルがあります。

font タグも使用しないでください。CSS には理由があります。

n番目の子の問題:

この疑似クラスは、親要素の子要素のリスト内の位置に基づいて要素を照合します。

参照: http://reference.sitepoint.com/css/pseudoclass-nthchild

最も簡単な方法で、異なるクラスまたは ID を使用します。

于 2012-09-25T17:06:06.833 に答える