퍼블리싱 아카이브

  • 홈
  • 태그
  • 방명록
2023.05.02~

Nesting 1

Sass/SCSS 문법 1. 중첩(Nesting)과 주석

1. 주석 scss/sass 파일에서 한줄 주석(//)은 CSS 파일로 빌드되면 보이지 않는다. 여러줄 주석(/* */)은 CSS파일로 빌드되어도 보인다. 2. 중첩(Nesting) 중첩을 사용하면 HTML의 시각적 계층방식과 동일하게 CSS를 중첩하여 작성할 수 있다. CSS 코드가 구조화 되어 가독성이 높아지며 유지 보수하기 편리해진다. 기존 CSS는 부모에게 상속된 자식 요소에게 스타일을 적용하려고 할 때마다 최상위 선택자를 반복 선언해야 한다. 하지만 중첩을 사용하면 최상위 선택자를 한번만 선언하여도 자식 선택자에게 스타일을 적용할수 있게 되어 코드 반복을 줄이게 된다. one two three four //scss nav{ background: yellow; ul{ display:flex; ju..

HTML & CSS/SASS(SCSS) 2023.01.26
이전
1
다음
더보기
프로필사진

퍼블리싱 아카이브

퍼블리셔가 공부한 것을 기록하는 공간입니다.

  • 분류 전체보기 (102)
    • Javascript (55)
      • jQuery (9)
      • React (6)
      • Vue (0)
    • HTML & CSS (25)
      • SASS(SCSS) (13)
    • IT (16)
    • 수업기록 (6)
    • PHP (0)
    • Bootstrap (0)

Tag

scss, 자바스크립트, DOM, SEO, Terminal, Javascript, variables, object, HTML, 웹접근성, Array, onclick, 검색엔진최적화, Event, sitemap, scroll, react, function, sass, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바