nth-of-typeの注意点をまとめる-＆＃＆チュートリアル-php.cn

nth-of-typeの注意点をまとめる

巴扎黑

リリース： 2017-06-13 11:38:40

オリジナル

1841 人が閲覧しました

CSS3 における nth-child と nth-of-type の違いは、実際には非常に単純です。なぜ :nth-of-type は :nth-of-type と呼ばれるのでしょうか?それは「種類」で区別しているからです。つまり、ele:nth-of-type(n) は親要素の下の n 番目の ele 要素を指し、ele:nth-child(n) は親要素の下の n 番目の要素を指し、この要素は ele です。そうでない場合、選択は失敗します。テキストはかなりわかりにくいように聞こえるかもしれませんが、簡単な例を次に示します。 <メタ文字セット="UTF-8"> デモ .dem

1. CSS3 の nth-child と nth-of-type の違いの詳細な説明

nth-of-typeの注意点をまとめる

はじめに: CSS3 の nth-child と nth-of-type の違いCSS3 は実際には非常にシンプルです: :nth-of-type なぜ :nth-of-type と呼ばれるのでしょうか?それは「種類」で区別しているからです。つまり、ele:nth-of-type(n) は親要素の下の n 番目の ele 要素を指し、ele:nth-child(n) は親要素の下の n 番目の要素を指し、この要素は ele です。そうでない場合、選択は失敗します。テキストは少し難解に聞こえるかもしれませんが、理解しやすくなります

2. CSS3 のセレクターの例の詳細な説明

nth-of-typeの注意点をまとめる

概要: :nth-of-type() pseudo- class と nth -child() 擬似クラスの使用法は、ルールで指定された型の要素と一致することを除いて、非常に似ています。次のルールは、親要素の 3 番目の子要素に属するすべての p 要素と一致します (1 つの 3 番目の子要素に属する p 要素が多数存在する可能性がありますが、それらは異なる親要素の下に位置します。注意してください):

2 つの疑似クラスセレクター: E:nth-child(n) と E:nth-of-type(n) の紹介

nth-of-typeの注意点をまとめる

はじめに: 構造疑似クラスは新しいタイプですcss3のセレクタ。 E:nth-child(n) と E:nth-of-type(n) はそのうちの 2 つです。この 2 人を理解すると、家族の他の兄弟についても基本的に理解できるようになります。まず、これら 2 つをテキストで説明します:

css3 を使用してインターレースカラー変更を実現する方法を説明します

nth-of-typeの注意点をまとめる

はじめに: css3 はどのようにインターレースカラー変更を実装しますか? css3 セレクター p:nth-of-type (odd) odd および p:nth-of-type (even) Even を使用します

CSS3 の nth-child と nth-of-type の違いを分析します。

nth-of-typeの注意点をまとめる

はじめに: CSS3 における nth-child と nth-of-type の違いは実際には非常に単純です。なぜ :nth-of-type は :nth-of-type と呼ばれるのでしょうか?それは「種類」で区別しているからです。つまり、ele:nth-of-type(n) は親要素の下の n 番目の ele 要素を指し、ele:nth-child(n) は親要素の下の n 番目の要素を指し、この要素は ele です。そうでない場合、選択は失敗します。テキストは少し分かりにくく聞こえるかもしれませんが、

6. CSS3 の nth-child と nth-of-type の違い

nth-of-typeの注意点をまとめるはじめに: 新しいものが 2 つあります。 CSS3 では、セレクターは親要素の下にある対応する子要素 (1 つは:nth-child、もう 1 つは:nth-of-type) を選択できます。しかし、それらの違いは正確には何でしょうか?以下の記事ではCSS3におけるnth-childとnth-of-typeの違いを中心に紹介していますので、困っている方は参考にしてみてください。