후손 선택자와 자손 선택자 : https://miyakita.tistory.com/21
CSS3 - 후손 선택자와 자손 선택자
후손 선택자와 자손 선택자는 특정 태그의 자손과 후손을 선택할 때 사용됩니다. 후손과 자손은 아래의 예시1을 보게되면 쉽게 이해를 할 수 있습니다. 후손 선택자 후손 선택자는 특정한 태그 아래에 있는 후손..
miyakita.tistory.com
동위 선택자 : https://miyakita.tistory.com/22
CSS3 - 동위 선택자
동위 선택자는 동위 관계에서 뒤에 위치한 태그를 선택할 때 사용하는 선택자입니다. 아래 예시1을 보면 알 수 있습니다. 동위 선택자를 사용하면 이러한 동위 상태에 있는 태그의 위치 관계를 파악할 수 있습니..
miyakita.tistory.com
반응 선택자 : https://miyakita.tistory.com/23
CSS3 - 반응 선택자
반응 선택자는 사용자의 반응으로 생성되는 특정한 상태를 선택하는 선택자입니다. 사용자가 마우스를 특정한 태그 위에 올리면 hover 상태가 적용되고, 클릭하면 active 상태가 적용됩니다. 선택자 형태 설명 :a..
miyakita.tistory.com
상태 선택자 : https://miyakita.tistory.com/24
CSS3 - 상태 선택자
상태 선택자는 입력 양식의 상태를 선택할 때 사용하는 선택자입니다. 선택자 형태 설명 :checked 체크 상태의 input 태그를 선택 :focus 초점이 맞추어진 input 태그를 선택 :enabled 사용 가능한 input 태그를..
miyakita.tistory.com
구조 선택자 : https://miyakita.tistory.com/25
CSS3 - 구조 선택자
구조 선택자는 일반적으로 자손 선택자와 병행해서 많이 사용한다. 일단 구조 선택자 선택자 형태 설명 :first-child 형제 관계 중에서 '첫 번째'에 위치하는 태그를 선택 :last-child 형제 관계 중에서 '마지막'..
miyakita.tistory.com
'프로그래밍 공부 > 진행 상황' 카테고리의 다른 글
| 2019년 11월 19일 스터디 기록 (0) | 2019.11.19 |
|---|---|
| 2019년 11월 18일 스터디 기록 (0) | 2019.11.18 |
| 2019년 11월 13일 스터디 기록 (0) | 2019.11.13 |
| 2019년 11월 12일 스터디 기록 (0) | 2019.11.12 |
| 2019년 11월 11일 스터디 기록 (0) | 2019.11.11 |
