250x250
250x250
Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- CSS 구조화
- input password 입력 바꾸기
- 주민번호 css
- 엣지 password 눈모양 제거
- input password javascript
- 티스토리챌린지
- 마이크로소프트 디자이너 컴팩트 키보드 마우스 세트
- select placeholder
- 컴퓨터과학과 교과목 후기
- PlaceHolder
- 오블완
- CSS Nesting
- 컴퓨터과학과 과목 후기
- meta
- CSS
- input password 입력
- 중첩 스타일
- password input
- microsoft designer compact keyboard
- css 최신문법
- DOM 변경 감지
- placeholder-shown:
- 마이크로소프트 디자이너 컴팩트 키보드
- 컴퓨터과학과 후기
- microsoft designer compact keyboard & mouse
- focus-within
- 한국방송통신대학교 졸업 후기
- input text placeholder image
- input text javascript
- 주민번호 input
Archives
- Today
- Total
320x100
320x100
목록CSS Nesting (1)
디자인과 개발 그 사이

요즘은 자바스크립트 공부하느라 CSS를 건드릴 일이 줄어들었는데,오랜만에 스타일을 짜다가 'CSS Nesting'이라는 걸 처음 알게 되었어요. SCSS에서 중괄호 {}로 스타일을 중첩해서 작성하던 게 너무 익숙했는데,이게 이제는 순수 CSS에서도 가능하다는 걸 이제야 알게 되다니..!이미 알고 계신 분들도 많겠지만, 혹시 저처럼 몰랐던 분들을 위해 가볍게 정리해보려고 해요. 💡 CSS Nesting이란?간단하게 말하면, CSS 안에서 자식 셀렉터를 중괄호로 감싸서 중첩해서 쓸 수 있는 기능이에요.SCSS에서 아래처럼 많이들 써보셨을 거예요:.card { .title { font-weight: bold; } .desc { color: #666; }} 이제는 CSS에서도 거의 비슷하게..
css
2025. 7. 31. 16:12
320x100
320x100