CSS Selector , + >
css効果を生成する特定の要素を選択する方法について説明します.🏋🏻♀️
プライマリセレクタ
タブ
.class
#id
ラベル[プロパティ]
オブジェクト向けセレクタ
A , B
すべてのA要素とすべてのB要素
A B
A要素の子または子孫のすべてのB要素
A > B
A要素の直系サブ要素であるすべてのB要素
A + B
A元素に続く最初のB元素
A+B(隣の兄弟)
Aと同じ親で、A元素の後ろに続くB元素
AからB(兄弟)
すべてのB要素はAと同じ親要素を持つ
プライマリセレクタ
タブ
.class
#id
div {color:'red'}
.className {color:'blue'}
#idNmae {color:'yellow'}ラベル[プロパティ]
a[href] {color:'red'}a[href="https://velog.io/@yejinleee"] {color:'red'}オブジェクト向けセレクタ
A , B
すべてのA要素とすべてのB要素
A B
A要素の子または子孫のすべてのB要素
A > B
A要素の直系サブ要素であるすべてのB要素
A + B
A元素に続く最初のB元素
A+B(隣の兄弟)
Aと同じ親で、A元素の後ろに続くB元素
AからB(兄弟)
すべてのB要素はAと同じ親要素を持つ
Reference
この問題について(CSS Selector , + >), 我々は、より多くの情報をここで見つけました https://velog.io/@yejinleee/CSS-Selectorテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol