| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- regexp
- DOM
- CSS
- frontend
- sass
- vscode
- property
- 친해지기
- row-gap
- 가상클래스
- display
- 코딩문제
- tailwindcss
- CLASS
- 코드일기
- HTML
- js
- column-gap
- 정규식표현
- Coda
- JavaScript
- 선택자
- Pseudo
- 코딩일기
- 코드다이어리
- 코딩퀴즈
- 코딩테스트
- scss
- Grid
- Today
- Total
목록가상클래스 (3)
< Code diaries />
CSS Selectors - 가상(Pseudo) 클래스 2 - Link, form, :root등
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 - before, after
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 - 가상(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. ..