CSS 가상 클래스

코드 좀 정리하고

 

first-child 를 썻기 때문에

form 안에 있는 태그중 첫번째 span 이 그린색으로 바껴야함 

 

 

음 잘 바뀜

 

그럼 마지막껀 last-child 쓰면 되겠넹

 

 

 

 

 

음 바뀐걸 알수 있다

 

그럼 nth-child(3) 을 써보자

form 태그 기준으로 자식은 총 6개 있는걸 알수 있다 즉 비밀번호 스팬태그는 3번째 위치하니깐 3을 써주면 비밀번호 색깔이 바뀜 

 

 

코드 좀정리하고 

 

이러면 2 4 6 번째 태그는 빨간색으로 바뀌겠지??

 

바뀌었당 

 

근데 일일이 번호 주기 귀찮으면

짝수만 바꾸고 싶다 

2n을 쓰면 된다고 함 

 

음 똑같군

근데 이렇게 까지 할려나?? 라는게 내생각

 

홀수번째를 바꾸고 싶으면 

odd 나 2n+1 을 하면 됨 

 

 

 

이렇게 하면 됨

3의 배우만 변화 주소 싶으면 3n 

4의 배수만 변화 주고 싶으면 4n 쓰면 된단다 

근데 쓸려나...