タグ付けされた質問 「css-selectors」

セレクターは、ドキュメントツリーの要素と照合するパターンです。CSSルールでは、パターンに一致する要素のスタイルを定義するために使用されます。

2
CSSですべての子要素を再帰的に選択する
すべての子要素を再帰的に選択するにはどうすればよいですか？ div.dropdown, div.dropdown > * { color: red; } このクラスは、定義されたclassNameとすべての直接の子に対してのみクラスをスローします。簡単な方法で、次のようにすべてのchildNodeを選択するにはどうすればよいですか。 div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }
407 css  css-selectors 
8
CSS：not（：last-child）：セレクタの後
次のようなスタイルの要素のリストがあります。 ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> コードスニペットを実行する結果を非表示スニペットを展開 のOne | Two | Three | Four | Five |代わりに出力One | Two | Three | Four | Five 最後の要素以外をすべてCSSで選択する方法を知っている人はいますか？ ここで:not()セレクタの定義を見ることができます
3
複数のクラスに基づいて要素を選択します
2つのクラスがあるタグに適用するスタイルルールがあります。JavaScriptなしでこれを実行する方法はありますか？言い換えると： <li class='left ui-class-selector'> とクラスの両方が適用されている場合にのみ、スタイルルールを適用します。li.left.ui-class-selector
360 css  css-selectors 
10
「this」のjQueryの最初の子
「this」をクリックされたスパンからjQuery関数に渡して、クリックされた要素の最初の子でjQueryを実行できるようにしています。うまくいかないようです... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> JavaScript： function toggleSection(element) { element.toggleClass("redClass"); } 要素の：first-childを参照するにはどうすればよいですか？
6
最初の直接の子専用のCSSセレクターはありますか？
私は次のhtmlを持っています <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> そして次のスタイル： DIV.section DIV:first-child { ... } なんらかの理由で、スタイルが「サブコンテンツ1」 <div>と「ヘッダー」に 適用されていることがわかりません<div>。 スタイルのセレクターは、「セクション」というクラスを持つdivの最初の直接の子にのみ適用されると思いました。セレクタを変更して必要なものを取得するにはどうすればよいですか？
315 html  css  css-selectors 
7
CSSは要素が持つ子の数を検出できますか？
私はおそらく自分の質問に答えているでしょうが、私は非常に興味があります。 CSSは親の個々の子を選択できることを知っていますが、その親にある程度の数の子がある場合、コンテナーの子をスタイルするサポートがあります。 例えば container:children(8) { // style the parent this way if there are 8 children } 奇妙に聞こえるかもしれませんが、上司に確認してもらい、自分では何も見つからなかったので、検索を終了する前にSOに問い合わせることにしました。
304 css  css-selectors 
7
CSS子セレクターと子孫セレクター
これら2つのセレクターの間で少し混乱しています。 い子孫セレクタは： div p それが直系の子孫pであるdivかどうかに関係なく、すべてを選択しますか？では、p別のdivものの中にある場合でも選択されますか？ そして、子セレクタ： div > p 違いは何ですか？子供は身近な子供を意味しますか？例えば。 <div><p> 対 <div><div><p> 両方が選択されますか？
298 css  css-selectors 
5
CSSで複数の属性セレクターを指定する
次のようなことをするための構文は何ですか？ input[name="Sex" AND value="M"] 基本的に、input属性と属性を持つ要素を選択name="Sex"しますvalue="M"： <input type="radio" name="Sex" value="M" /> 次のような要素は選択しないでください。 <input type="radio" name="Sex" value="F" />
9
偶数要素と奇数要素をどのようにスタイルできますか？
CSS疑似クラスを使用して、リストアイテムの偶数および奇数のインスタンスを選択することは可能ですか？ 以下は交互の色のリストを生成することを期待しますが、代わりに青のアイテムのリストを取得します。 <html> <head> <style> li { color: blue } li:odd { color:green } li:even { color:red } </style> </head> <body> <ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul> </body> </html>
281 html  css  css-selectors 
4
複数のクラスにスタイルを一度に適用するにはどうすればよいですか？
CSSで名前の異なる2つのクラスに同じプロパティを設定します。コードを繰り返したくありません。 .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> コードスニペットを実行する結果を非表示スニペットを展開 両方のクラスが同じことをしているので、それを1つにマージできるはずです。どうやってやるの？
277 css  css-selectors 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.