210422. Today I Learned(TIL) : CSS Selector
CSSセレクタベースのクリアデフォルトコレクタ フルコレクタ マルチセレクタ IDコレクタ 段コレクタ 子孫選択器(親のすべての子孫、子供などを選択) 子セレクタ(親を選択する直系子) 兄弟コレクター 隣接兄弟コレクター 不定コレクタ (構造仮想クラスコレクタ:正確な意味が分からない)
h1 {}
div {}
* {}
// 브라우저 초기화
* {
margin: 0;
padding: 0;
}
section, h1 {} // 쉼표로 구분
#something {}
.someone {}
.anyone {}
header h1 {} // 띄어쓰기 한 칸으로 표시
header > p {} // 부등호로 표시
section ~ p {} // section의 형제 엘리먼트 중 p를 선택
section + p {} // section과 인접한 모든 p 형제 엘리먼트들을 선택
input:not([type="something"])
div:not(:nth-of-type(2))
p:first-child { }
ul > li:last-child { }
ul > li:nth-child(2n) { }
section > p:nth-child(2n+1) { }
ul > li:first-child { }
li:last-child { }
div > div:nth-child(4) { }
div:nth-last-child(2) { }
section > p:nth-last-child(2n + 1) { }
p:first-of-type { }
div:last-of-type { }
ul:nth-of-type(2) { }
p:nth-last-of-type(1) { }
Reference
この問題について(210422. Today I Learned(TIL) : CSS Selector), 我々は、より多くの情報をここで見つけました https://velog.io/@elma98/210422.-Today-I-LearnedTIL-CSS-Selectorテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol