📋 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번째 자식

ul{
list-style:none;  /* 앞에 점 없애기*/
padding-left:0;  /* 들여쓰기 없애기*/
}