トップ「Css-selectors」の質問

セレクターは、ドキュメントツリーの要素と一致するパターンです。

CSSの親セレクターはありますか?

アンカー要素の直接の親である<li>要素を選択するにはどうすればよいですか?例として、私のCSSは次のようになります。li < a.active { property: value; } […] 続きを読む…

css css-selectors

クラスを持つ最初の要素のCSSセレクター

クラス名がredの要素がたくさんありますが、次のCSSルールを使用してclass="red"の最初の要素を選択できないようです。このセレクターの何が問題になっていて、どうすれば修正できますか?コメントのおかげで、要素が選択されるには、その親の最初の子である必要があることがわかりました。これは、私が持っているケースではありません。 私は次の構造を持っています、そしてコメントで述べられているようにこのルールは失敗します:.home .red:first-child { border: 1px solid […] 続きを読む…

css css-selectors

not:最初の子セレクター

いくつかのulタグを含むdivタグがあります。最初のulタグにのみCSSプロパティを設定できます。div ul:first-child { background-color: #900; } ただし、最初のタグを除いて、相互にulタグのCSSプロパティを設定しようとすると、次のようになります。 […] 続きを読む…

css css-selectors

「前の兄弟」セレクターはありますか?

プラス記号( + )は次の兄弟用です。前の兄弟に相当するものはありますか?

css css-selectors

特定のテキストを含む要素のCSSセレクターはありますか?

次の表のCSSセレクターを探しています。Peter | male | 34 Susanne | female | 12 「男性」を含むすべてのTDに一致するセレクターはありますか?

css css-selectors

CSSスタイルを子要素に適用する

特定のクラスを持つDIV内のテーブルにのみスタイルを適用したい:注:子要素にはcss-selectorを使用したいと思います。#1が機能し、#2が機能しないのはなぜですか?1:div.test th, div.test td, div.test […] 続きを読む…

css css-selectors

クラスのCSSのワイルドカード*

.tocolorでスタイリングしているこれらのdivがありますが、一意の識別子1、2、3、4なども必要なので、別のクラスtocolor-1として追加します。<div class="tocolor tocolor-1"> tocolor 1 & […] 続きを読む…

css css-selectors wildcard

CSS:not(:last-child):セレクターの後

次のようなスタイルの要素のリストがあります。出力One | Two | Three | Four | Five |の代わりにOne | Two | Three | Four | Five最後の要素を除くすべてを […] 続きを読む…

css css-selectors pseudo-element

CSSですべての子要素を再帰的に選択します

すべての子要素を再帰的に選択するにはどうすればよいですか?div.dropdown, div.dropdown > * { color: red; } このクラスは、定義されたclassNameとすべての直接の子にのみクラスをスローします。 簡単な方法で、次のようにすべてのchildNodeを選択するにはどうすればよいですか。div. […] 続きを読む…

css css-selectors

特定のクラスまたは属性を持たない要素を選択するCSSセレクターを作成できますか?

特定のクラスを持たないすべての要素を選択するCSSセレクタールールを作成したいと思います。 たとえば、次のHTMLがあるとします。<html class="printable"> <body class=" […] 続きを読む…

html css css-selectors