li에서 한 개의 child만 선택해서 css 적용하는 법

// html

<ul class="middle__nav --flex">
              <li><a href="#">스쿼드 메이커</a></li>
              <li><a href="#">수수료 계산기</a></li>
              <li><a href="#">추천 게시판</a></li>
              <li><a href="#">유저 가이드</a></li>
              <li><a href="#">다운로드 및 설치</a></li>
              <li><a href="#">e</a></li>
</ul>

//css

// 마지막 요소 제외 
.middle__nav li:not(:last-child) {
	width : 25%
}

// 마지막 요소
.middle__nav li:last-child) {
	width : 50px;
}