본문 바로가기 메뉴 바로가기

Dongi_coding 동기_코딩

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dongi_coding 동기_코딩

검색하기 폼
  • 분류 전체보기 (345)
    • JSP (0)
    • GitHub (0)
    • Java (23)
    • 리눅스 (1)
    • HTML & CSS (29)
    • 연습 (0)
    • HTML (47)
    • Python (82)
    • Markdown (2)
    • Flask (1)
    • Web_internet (1)
    • JavaScript (58)
    • CSS (51)
    • TypeScript (45)
    • 프로그래머스 코딩테스트 (3)
    • Computer Science (2)
  • 방명록

화이팅~ (1)
[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
이전 1 다음
이전 다음
공지사항
  • 동기 코딩 연락처
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Margin
  • 반복문
  • css position
  • 파이썬
  • em
  • Array
  • Type
  • Python
  • Typescript
  • html
  • 메서드
  • 동기코딩
  • 함수
  • HTML 기본
  • padding
  • html table
  • Object
  • CSS
  • javascript
  • CSS 포지션
  • 타입스크립트
  • method
  • 실수
  • 자바스크립트
  • if문
  • 프로그래머스
  • function
  • 타입 좁히기
  • 객체
  • for문
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바