CSS list
📋 List <ol>,<ul>
<li>
前のデフォルトで表示された記号を削除し、listを囲むulの左側の境界に線を引きます.ul {
list-style: none;
border-left: 3px solid black;
}
各リストのオフセットli {
padding-bottom: 10px;
}
🍙 タグの最初の、最後の、奇数/偶数(tag.class#id) selector:first-child{ } // 부모의 첫번째 자식
selector:last-child{} // 부모의 마지막 자식
selector:nth-child(odd){} // 홀수 번째 자식들
selector:nth-child(even){} // 짝수 번째 자식들
selector:nth-child(n){} // n번째 자식
Reference
この問題について(CSS list), 我々は、より多くの情報をここで見つけました
https://velog.io/@lakedaykk/CSS-list
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<ol>,<ul>
<li>
ul {
list-style: none;
border-left: 3px solid black;
}
li {
padding-bottom: 10px;
}
selector:first-child{ } // 부모의 첫번째 자식
selector:last-child{} // 부모의 마지막 자식
selector:nth-child(odd){} // 홀수 번째 자식들
selector:nth-child(even){} // 짝수 번째 자식들
selector:nth-child(n){} // n번째 자식
Reference
この問題について(CSS list), 我々は、より多くの情報をここで見つけました https://velog.io/@lakedaykk/CSS-listテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol