任意のセレクターと組み合わせることができる方法は、疑似クラス :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  692

nth-of-type/nth-child セレクターがネストされた要素では無効なのはなぜですか?

1 つの div 内に含まれる奇数の div のスタイルを変更しようとしています。ただし、奇数番号の div のスタイル セレクター nth-of-type(odd) は、別の div に含まれる場合、すべての div に影響します。通常の div と奇数の div のコードは次のとおりです。 .video-entry-summary{width:214px;height:210px;margin-left:10px;float:left;position:relative;overflow

P粉662802882 2023-08-24 14:50:42 0  1  622

nth-of-type/nth-child がネストされた要素に対して機能しないのはなぜですか?

div内の奇数divのスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にあると、すべての div に影響します。通常および奇数の div のコードは次のとおりです。 .video-entry-summary{width:214px;height:210px;margin-left:10px;float:left;position:relative;overflow:hidden;borde

P粉203792468 2023-10-23 10:39:24 0  1  592

nth-of-type/nth-child セレクターがネストされた要素に影響を与えないのはなぜですか?

1 つの div 内にネストされた奇数の div のスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にネストされている場合、すべての div に影響します。通常の div と奇数の div のコードは次のとおりです。 .video-entry-summary{width:214px;height:210px;margin-left:10px;float:left;position:relative;overflow:hid

P粉237689596 2023-08-24 16:07:18 0  1  557

:nth-child() または :nth-of-type() を任意のセレクターで使用することはできますか?

任意のセレクターに一致する (または一致しない) n 番目の子要素を選択する方法はありますか?たとえば、行のサブセット内の奇数のテーブル行をすべて選択したいとします。 table.myClasstr.row:nth-child(odd){...}<tableclass="myClass"><tr><td>Row < trclass="row"><!--これが欲しい--

P粉896751037 2023-10-20 17:04:56 0  2  796

親要素の Tailwind で nth-child(odd) CSS セレクターを使用する

次のことを達成しようとしています: <table><trclass="odd:bg-whiteeven:bg-slate-100"><td>name</td><td>title1</td></tr>< trclass= "奇数:bg-whiteeven:bg-slate-100"&g

P粉426780515 2024-01-29 10:50:26 0  2  597

CSS nth-chlld は可視要素に対してのみ機能しますか?

:nth-child が実際に「子」と「可視の子」をチェックしていることはわかっていますが、可視の子を処理するセレクターはありますか?テーブルがあり、奇数行を異なる色に設定し、検索に一致しない行を非表示にする検索フィルターがあるとします。検索すると、行の色が交互に表示されなくなりました。もちろん、各要素にクラスを追加/削除することもできます。これは基本的にすでに要素を非表示/表示するために行っていますが、CSS でこれを行う方法があるかどうか尋ねてみようと思いました。 constsearchElem=document.quer

P粉077701708 2024-01-29 10:37:48 0  1  463

CSS と Javascript を使用してドロップダウン メニューのオプションを選択します

CSS セレクター値があります: .ng-touched&gt;div:nth-child(1)&gt;div:nth-child(1)&gt;div:nth-child(2)&gt;input:nth-child(1 ) document.querySelectorAll を使用して、ドロップダウン メニューのあるこの CSS セレクターを検索し、テキスト「APPLE」のオプションを選択しようとしています。これはドロップダウン メニューの最初の項目です

P粉739706089 2023-09-04 22:10:59 0  1  639

アドバイスをお願いします: ルーティングアドレス

<script language="JavaScript"> function Expand(el) { childobj = document.getElementById("child" + el);もし （

作者 2019-04-15 15:33:16 0  5  1181

テーブル tr:first-child td の機能上の問題

CSS とテーブルを使用して、分子と分母の間に分数線を配置します。複素分数の場合、Ant ブラウザでは正しく動作しません。以下は、この問題を示す Tryit エディターで使用されるサンプル コードです。文字 C の下に不要な境界線があります。ただし、コード化された文字 F のようなものでも十分です。 4 つのブラウザを試しましたが、すべて同じ問題が発生しました。 style="border:none" を質問 <td> に追加するという回避策があります (クラスの追加は機能しません) が、なぜこれを行う必要があるのでしょうか?追記。

P粉590929392 2024-03-30 13:24:05 0  1  574

フロントエンド - Sass ネスト、.child{.parent & { }} は無効ですか?

{コード...} {コード...} solution1 が無効なのはなぜですか?

迷茫 2017-05-15 16:59:45 0  1  504

サブコンポーネントが Vue にマウントされているかどうかを確認するにはどうすればよいですか?

子コンポーネントがインストールされているかどうかを確認し、その情報を親コンポーネントに移動したいと考えています。このために私はlaunchを使用します。ここで親コンポーネントの例を示します。 <child@is-child-mounted="childMounted"/>exportdefault{data(){return{childMounted:false,};},mounted(){if(this.childMounted ){ //ドソム

P粉401527045 2023-12-26 19:49:44 0  1  489

Woocommerce mini-cart.php テンプレートをオーバーライドできません

カスタム ミニ ショッピング カート ウィジェットを作成しようとしており、チュートリアルに従っています。例えば。子テーマ (HelloElementor2.6.1) を作成し、hello-elementor-child/woocommerce/cart/mini-cart.php の下に配置します。 Woocommerce のステータスでも、ファイルがテンプレートを上書きすることが示されているため、問題はないはずです。 Überschriebenhello-elementor-child/woocommerc

P粉386318086 2023-12-15 20:50:59 0  1  573

Apacheエラーログ

エラー ログでこれらのエラーが報告されるのは何を意味しますか [mpm_winnt:notice] [pid 11720:tid 648] AH00364: Child: All work thread have exited.[Wed Jun 30 11:30:54.124288 2021] [mpm_winnt:notice] [pid 11092] : tid 696] AH00430: 親: 子のプロシージャ

图图 2021-06-30 11:38:25 0  2  1219

php - 子 29 がシグナル 11 (SIGSEGV) で終了しましたか?

nginx + thinkphpで404がよく出るのでログを確認してみたのですが、そういうエラーなのでしょうか? child 29はstartから13718.827050秒後にシグナル11(SIGSEGV)で終了しました

某草草 2017-06-10 09:47:20 0  1  1712

ラップされた子要素に合わせてコンテナを縮小します

次のような状況でフレックスボックスがどのように機能するか（機能するはずですか？...）を理解しようとしています: .holder{width:500px;background:lightgray;display:flex;flex-direction:row;justify-content:space -between;flex-wrap:nowrap;}.v2{width:320px;}.child{display:inline-block;

P粉182218860 2023-10-21 10:33:50 0  2  648

CSS で複数の変換を適用するにはどうすればよいですか?

CSS を使用して複数の変換を適用するにはどうすればよいですか?例: 以下では、回転ではなく平行移動のみが適用されます。 li:nth-child(2){transform:rotate(15deg);transform:translate(-20px,0px);}

P粉066224086 2023-08-31 14:39:52 0  3  706

CSS セレクター: 指定されたクラスの最初の要素を取得します

クラス名が red の要素が多数ありますが、次の CSS ルールを使用して class="red" の最初の要素を選択できないようです: .home.red:first-child{border:1pxsolidred;}<divclass =" ホーム"><span>まあ</span><pclass="red">最初

P粉170438285 2024-03-25 15:49:20 0  2  980

フレックスボックスを使用して、ネストされたdiv構造の内部divを新しい行に配置するにはどうすればよいですか?

内部 div (Mem3) を Mem1 の下の新しい行に置きたいのですが、div 構造は絶対に変更したくありません。助けてください。このように =>.flex-container{display:flex;flex-wrap:wrap;}.flex-child{border:solidblue;}.flex-fgc{border:solidblue;}.flex-inner-gc{border:solidblue ;}<

P粉982054449 2023-09-13 12:26:10 0  1  647

css - 特定のクラス名要素を指定された順序で検索する方法

{Code...} {Code...} を使用して、2 番目の tcc クラス名の要素にスタイルを追加したいのですが、なぜ無効なのでしょうか?後で考えたのですが、nth-of-type などの疑似クラス セレクターには必ずその前に要素タグが必要ですか?インターネット上のチュートリアルではそれがすべてのようですが、クラス名ではないでしょうか？

漂亮男人 2017-06-05 11:10:44 0  3  1120