개발 관련/html&css (1) 썸네일형 리스트형 element 사이에 구분선 넣기 위의 사진처럼 구현하기 위해서 다음과 같이 코드를 작성한다. 1 1 2 2 3 li.item > div:nth-of-type(1) > dl:nth-of-type(1) dt:not(:first-of-type)::before { content: ''; display: inline-block; width: 5px; height: 8px; margin-right: 5px; border-right: 1px solid #aaa; } 각각의 용어들을 짧게 설명하자면 다음과 같다. 1. :nth-of-type(n) 같은 태그가 여러개 나열 된 경우에 주로 사용한다. 앞에서 부터 n번째 요소에 스타일을 적용한다는 얘기다. 비슷한 경우로, :nth-last-of(n)은 끝에서부터 n번째 요소를 적용한다는 얘기다. 위의 코.. 이전 1 다음
