# nth-child

7개의 포스트

How to target child tag w/styled-components

styled-components로 구현 중 nth-child() 타케팅이 안된다.class 이름으로 .name:nth-child() 타겟팅은 무척이나 쉬운데 ...본글은 styled-components 기본 지식을 가짐을 전제로 작성한다.일단 아래는 html style

2022년 2월 6일
·
0개의 댓글
post-thumbnail

css 깨알 지식

not 선택자는 \*(univeral selector, 모든것을 선택)와 반대되는 성격을 가진다고 할 수도 있겠다. 일종의 예외를 정의하는 selector 이다. 예시를 살펴보자.css를 보면 client 클래스에 border가 적용되어있다. 그런데 border-top

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[CSS/JS] 같은 class name 개별 설정방법

html에서 작성한 여러가지 tag에 동일한 값을 주고싶을때 같은 class name을 사용한다. 이 경우 내가 원하는 n번째 class name을 선택하여 개별값을 부여할 수 있다.자바스크립트는 외에도 id, tagName등을 가지고 선택할 수 있는 여러 메소드가 있

2021년 11월 25일
·
0개의 댓글

JQuery css nth-child variable 변수 작성법

$(".class이름:nth-child("+ variable +") 또는 "color" : "red",});nth-child("+ 변수 +")이런 식으로 작성을 해야 nth-child에서 변수를 이용해서 css을 적용할 수 있다.

2021년 7월 13일
·
0개의 댓글

TIL#12. 하루이틀 밀리다보니..끝없이 밀리네

후...TIL이여 하루 이틀 밀리고...좀더 정리해서...밀렸던거부터 써야지 하다보니 원 부트캠프 끝날지경 안되겠다. 오늘은 react로 만들어놓은 위스타그램을 서버에 연동하여 회원가입, 로그인기능을 만들었다! 프론트엔드와 백엔드와의 대 화합 🧙‍♂️ [CSS] S

2021년 3월 14일
·
0개의 댓글
post-thumbnail

[TIL] :first-child, :last-child, :nth-child

:first-child, :last-child, :nth_child()

2021년 2월 16일
·
0개의 댓글

선택자(3)_가상 클래스 선택자

:가상 클래스 선택자

2020년 9월 30일
·
0개의 댓글