nth-of-type :nth-of-type()을 클래스에 지정했을 때의 거동 엄청 특수한 움직임을 합니다. 예를 들면 .content:nth-of-type(2) 라고 지정했을 경우,container 라는 클래스를 가진 요소와 같은 계층에 있는 요소를 모두 씻어내고 만약 두 번째 요소가 container 라는 클래스를 가지고 있으면 스타일을 적용한다 라는 움직임을 합니다. 무슨 말을 하는지 모르겠다고 생각하기 때문에 아래에 예를 들어 보겠습니다. html css 출력 ... HTML5CSS3nth-of-type 【Vue.js】동적으로 행이 증감해도 얼룩말 무늬를 듣게 하고 싶다! 을 사용하여 데이터를 표시할 때 가시성을 높이기 위해 사용하기 쉬운 얼룩말 무늬 (스트라이프?). 보기 쉽고 사용하기 쉽습니다! ↓이런 녀석 모두 좋아하는 Bootstrap에서도 「.table-striped」라고 하는 class가 이런 식으로 되어 있는 것입니다만, 어쨌든 편리함이 좋은 것입니다. 그럼 만들어 봅시다. 을 여러 줄 쓰고 싶지 않으므로 Vue.js로 씁니다. 세계 최대급의 동물... 테이블Vue.jsBootstrapCSSnth-of-type
:nth-of-type()을 클래스에 지정했을 때의 거동 엄청 특수한 움직임을 합니다. 예를 들면 .content:nth-of-type(2) 라고 지정했을 경우,container 라는 클래스를 가진 요소와 같은 계층에 있는 요소를 모두 씻어내고 만약 두 번째 요소가 container 라는 클래스를 가지고 있으면 스타일을 적용한다 라는 움직임을 합니다. 무슨 말을 하는지 모르겠다고 생각하기 때문에 아래에 예를 들어 보겠습니다. html css 출력 ... HTML5CSS3nth-of-type 【Vue.js】동적으로 행이 증감해도 얼룩말 무늬를 듣게 하고 싶다! 을 사용하여 데이터를 표시할 때 가시성을 높이기 위해 사용하기 쉬운 얼룩말 무늬 (스트라이프?). 보기 쉽고 사용하기 쉽습니다! ↓이런 녀석 모두 좋아하는 Bootstrap에서도 「.table-striped」라고 하는 class가 이런 식으로 되어 있는 것입니다만, 어쨌든 편리함이 좋은 것입니다. 그럼 만들어 봅시다. 을 여러 줄 쓰고 싶지 않으므로 Vue.js로 씁니다. 세계 최대급의 동물... 테이블Vue.jsBootstrapCSSnth-of-type