[CSS] Descendant Combinator
안녕하세요 동기 여러분! 오늘은 자손 결합자(Descendant Combinator)에 대해 알아봅시다! Descendant Combinator 자손 결합자(Descendant Combinator)는 저번시간에 배운 체이닝(chaining)의 반대 개념입니다. 체이닝에서는 CSS 코드에서 HTML 요소를 먼저 가져오고 클래스명을 쓰는 방식이었습니다. /* 예 */ h2.classname { color: red; } 자손 결합자(Descendant Combinator)는 이렇습니다. /* 예 */ .classname h2 { color: red; } 예시1 빨간색 글씨 파워~~~ 검정색 글씨 파워~~~ /* CSS 코드 */ .red h2 { color: red; } 이 둘을 적용하면 아래와 같은 화면이 ..
CSS
2021. 12. 22. 14:01
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 함수
- 타입스크립트
- HTML 기본
- 동기코딩
- for문
- 파이썬
- padding
- Type
- CSS
- if문
- em
- 메서드
- 반복문
- CSS 포지션
- Object
- html
- 자바스크립트
- javascript
- css position
- function
- Typescript
- Python
- 실수
- 객체
- 타입 좁히기
- 프로그래머스
- Array
- html table
- Margin
- method
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함