| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 정규식표현
- JavaScript
- DOM
- 가상클래스
- display
- 코딩테스트
- GAP
- 코드일기
- CLASS
- js
- Grid
- 코딩문제
- CSS
- 코딩퀴즈
- 선택자
- 친해지기
- Coda
- 웹폰트
- frontend
- Flex
- 코딩일기
- tailwindcss
- HTML
- sass
- row-gap
- property
- 코드다이어리
- Pseudo
- column-gap
- regexp
- Today
- Total
목록선택자 (2)
< Code diaries />
CSS Selectors - 가상(Pseudo) 클래스 1 - child 와 siblings 선택
CSS Pseudo Selectors CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.가상클래스(Pseudo Class)는 독립적으로 사용하기 보다, 특정한 태그 뒤에 붙어서 보통 사용하게 됩니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS Syntax A. ..
CSS Selectors - 선택자 알아보기 1
CSS Selectors CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS Syntax A. 태그 선택자- 태그선택자는 말 그대로 태그명을 직접적어서 선택하는 것입니다.- 아래처럼 문서의 모든 태그의 글자색을 're..