2016-09-24 19 views
-3

required属性またはtype='submit'のいずれかを持つすべての入力を選択してからnth-of-typeで繰り返します。以下のようなCSS nth-of-typeで要素属性または属性を選択

何か:(input[required]|[type='submit']):nth-of-type(1)

例:

4必要な入力は、2つの非必要な、その後、送信してください。

+0

あなたが持っている任意の理由を "私はすべての入力を選択したい" という:n番目の子(1)がありますか? – BoltClock

+0

@BoltClockはい、私はそれらをすべて選択し、次にそれぞれ異なる色を与えているからです。 –

答えて

3

、マッチ(必須または送信)が緑色であることを第二の青色、三黄、第オレンジ、第五の赤色等をパイプ(|)シンボル(いくつかのプログラミング言語で意味する「OR」が通常は||ですが)、W3C specification syntaxには、CSSでは意味がありません。

"OR" can be expressed by a comma in CSS

input[required], 
 
input[type="submit"]{ 
 
    box-shadow: 5px 5px 5px red; 
 
}
<input type="text"><br> 
 
<input type="radio"><br> 
 
<input type="checkbox" required><br> 
 
<input type="submit">

+0

どのようにnth-childでこれを使って各要素に異なる色を付けることができますか? –

+0

だからnth-of-typeは私が望むだろうか? 私は現在、私が追加した小さなスニペット以外のコードはありません。 –

+1

回答が提供された後に質問を完全に変更することはあまり良いことではありません。元の質問にループ、反復または 'nth-of-type 'については何もなかった。 'nth-child 'への唯一の言及は、マイナーで参照されていないものでした。 –

関連する問題