목록nth-of-type (1)

개발하는 루루언니

CSS : nth-child 와 nth-of-type 을 구별해서 사용하기

nth-child 를 주어 순서를 주었을때 모습이다. .box div:nth-child(1){ background-color: blue; } .box div:nth-child(2){ background-color: red; } .box div:nth-child(3){ background-color: white; } .box div:nth-child(4){ background-color: gold; } nth-child를 해줘서 순서를 정해준 후 맞췄는데 만약 내가 h1 태그를 하나 더 추가한다고 하면? 추가했어요 이렇게 순서가 변하면서 색상도 변해버린다. 그럼 어떻게 해야할까 nth-of -type : 태그를 구별한다. .box div:nth-of-type(1){ background-color: blue..
컴퓨터 정보/css 2022. 11. 29. 17:03
이전 Prev 1 Next 다음