CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウ ホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウ ホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33 0  1  1005

JavaScript: 指定されたタイプのセレクターを入力します (id、class、tagName などの 3 つの単純な CSS セレクターのみがサポートされます)

1. JavaScript 関数を作成し、指定されたタイプのセレクターを入力します (id、class、tagName の 3 つの単純な CSS セレクターをサポートするだけでよく、結合されたセレクターと互換性がある必要はありません)。問題は次のとおりです。通常のマッチングが理解できません。var reg = / ^(#)?(.)?(w+)$/img;var regResult = reg.exec(...

PHP中文网 2017-06-26 10:57:53 0  4  1029

子孫セレクターと要素セレクター

要素セレクターで em を直接定義すると、子孫セレクターと同じ機能になりますか?

雨落破晓 2019-11-15 10:59:05 0  1  1562

CSS セレクターはクラス フィルターに基づいてエンティティのサブセットを検索します

表された行のセットを含むテーブルがあり、そのテーブルのセット内の一部の行には「クリック可能」カテゴリがあります。私がやろうとしているのは、「クリック可能」カテゴリを持つすべての奇数行にスタイルを適用することです。さまざまなセレクターを試しましたが、スタイルはクリック可能な奇数行にのみ適用されるようです。「クリック可能」クラスの行だけでなく、すべてのテーブル行に適用すると奇数になります。 「クリック可能」クラスを持つ行のサブセットを検索し、奇数の子に対してそれらの行を反復処理するにはセレクターが必要だと思います。行 1、4、5、7、8 をクリックできる場合は、行 4 と 7 が必要になります。

P粉293550575 2023-09-06 23:21:53 0  1  581

任意のセレクターと組み合わせることができる方法は、疑似クラス :nth-child() または :nth-of-type() で別のセレクターを使用することです。

任意のセレクターを満たす (または満たさない) 子要素を n 番目ごとに選択する方法はありますか?たとえば、行のサブセット内ですべての奇数のテーブル行を選択したいとします。 table.myClasstr.row:nth-child(odd){...}RowRowRowRow しかし、:nth-child() はすべての tr をカウントするだけのようです。要素が「行」型であるかどうかに関係なく、要素が返されるため、探しているものではなく偶数の「行」要素が表示されてしまいます。

P粉926174288 2023-08-14 15:21:18 0  2  625

css - クラスセレクターの使用に関する問題

1. HTML と CSS を独学で学び始めたところです。1 つのブロックに 2 つのフォントを定義したかったのですが、クラス セレクターを使用しましたが、定義後もページ上のフォントが変更されませんでした (まだフォントが変更されていませんでした)。デフォルトのサイズと色)。聞いてもいいですか? セレクターまたはコードにエラーがありますか? இ௰இ 2 これは HTML コードです&lt;div id="containe...

给我你的怀抱 2017-05-24 11:36:28 0  5  990

共通セレクター

セレクタ

渊 2019-09-04 05:42:16 0  1  962

CSSセレクターを使用してHTMLからhtml/textのノードを選択/抽出します

fetch を使用して HTML ページのコンテンツを変数に取得するノード スクリプトを作成しているとします。これで、このようなもののための CSS セレクターができました。これを使用して、CSS セレクターによって認識される HTML コンテンツやテキスト コンテンツを抽出するにはどうすればよいですか。活用できる既存のツール/パッケージがある場合は、2 つのレベルで回答してください: Pure CSS セレクター ベースの jQuery ベースのツール

P粉356361722 2024-03-19 19:41:22 0  1  383

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

プラス セレクター (+) は、次に隣接する兄弟要素を選択するために使用されます。前の兄弟要素を選択するための同等のセレクターはありますか?

P粉615829742 2023-08-15 14:55:25 0  2  549

ブートストラップの国セレクターのデフォルトは「未選択」です

Bootstrap の国セレクターでは、以下のコードを使用して国を入力しています。正常に動作しますが、「未選択」のデフォルト値はありません。何か解決策はあるのでしょうか…？ <script>$('.countrypicker').countrypicker();</script><selectclass="form-controlselectpickercountrypicker"id=&q

P粉969666670 2024-02-17 17:47:35 0  1  372

隣接セレクター

すみません、隣接セレクターの例は下方向にのみ有効にできますか? ul+ol{}、ol は有効ですが、逆に ol+ul{}、ul はなぜ無効なのでしょうか?ありがとう

Sean 2018-11-30 14:42:27 0  1  1431

CSS セレクターはいくつ含めることができますか?

この問題に対する答えを探してみましたが、役に立ちませんでした。CSS セレクターを使用して、col-1、col-2、col-3、col-[class*="col で始まるすべてのクラス名をターゲットにしています。 -"] 。しかし、他のサードパーティ統合クラス名と競合しています:col-md-11、col-lg-2、col-sm-3...どうもありがとうございます。クラス名のみを選択するアイデアを持っている人はいますか:col -1、col-2、col-3、col-... 最も簡潔な方法 (おそらく唯一の方法)

P粉002572690 2023-08-16 11:30:40 0  1  495

jQuery セレクターを使用して同じページ内の要素を操作する

JQueryを使用して2つのセレクターを追加しようとしましたが、コンテンツが表示されません。セレクターを1つだけ追加すると正常に動作します。この問題を解決するのを手伝ってください。以下は、このスクリプトのアイデアであるコードです。燃料価格を表示します (燃料と軽油)、燃料は 3 種類、軽油は 1 種類あり、最初のセレクターは数値で価格を表示し、2 番目のセレクターは月ごとの価格グラフを表示します。 jQuery(function($){varselects=$('select');varvalues='';selects.ea

P粉909476457 2023-09-09 22:25:47 0  1  520

vue vee-validate は日付ピッカーの選択の問題をキャプチャします

datepicker フィールドの v-model バインディングが正しく機能しません。選択を行うと、画面上でライブ更新されますが、値は formValues リアクティブ オブジェクトに保存されません。 vee-validate は日付ピッカー フィールドをサポートしていないため、他のすべての入力フィールドがマップされているのと同じ反応コンポーネント (formValues) に強制的に更新するにはどうすればよいですか。 <テンプレート><imgalt="Vuelogo"src="./ass

P粉936568533 2024-04-06 11:38:56 0  1  655

以前の兄弟要素を選択するためのセレクターはありますか?

プラス セレクター (+) は、次に隣接する兄弟を選択するために使用されます。最後の兄弟に相当するものはありますか?

P粉512363233 2023-10-09 22:04:19 0  2  643

「前の兄弟要素セレクター」は存在しますか?

プラス セレクター (+) は、次に隣接する兄弟要素を選択するために使用されます。前の兄弟要素を選択するための同等のセレクターはありますか?

P粉054616867 2023-08-20 13:45:33 0  2  508

javascript - element-ui の日時ピッカー DateTimePicker には時刻ピッカーの表示が混乱していますか?

1. タイトルにもありますが、element-ui の日付と時刻ピッカー DateTimePicker の時刻ピッカーの表示がわかりにくいようですが？教えてください、この問題はバージョンの互換性の問題ですか?現在、vue と element-ui のどのバージョンと互換性がありますか?ありがとう！

phpcn_u1582 2017-05-19 10:09:24 0  2  1077

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

プラス セレクター (+) は、次に隣接する兄弟を選択するために使用されます。最後の兄弟に相当するものはありますか?

P粉111627787 2023-08-23 14:02:00 0  2  440

セレクターで RTK クエリを使用する方法

ReduxToolkit と RTK クエリを使用してプロジェクトを構築し、API からいくつかのエントリを取得しようとしています。特定のコンポーネントでデータを配列として必要とするため、createEntityAdapter のデータの正規化メソッドを使用しています。そのため、セレクターを使用することになりました。ここで私の問題は、フィルターをクエリのパラメーターとして追加したため、セレクターが機能しなくなったことです。ここで「パラメーターを指定して RTK クエリ セレクターを使用するにはどうすればよいですか?」などの同様の質問を調べましたが、私は愚かすぎて何を変更すればよいのか理解できま...

P粉729198207 2023-12-28 11:46:38 0  1  681

セレクターのグループ化機能が成功しませんでした

<!DOCTYPE html><html> <head> <title>CCS の基本構文</title> <style type="text/css"> <!-- selector {宣言} selector {属性: 属性値; 属性:属性値;属性:属性値;....} --> p{color:blue;f

碧玉刀 2018-06-12 21:32:41 0  2  1579