코딩기록

:not(.클래스이름)  가상 클래스 :not:not(.클래스이름) {  ~~~ css 코드  }'  .클래스이름이 아니면 중괄호 안의 css코드 동작을 수행해라  '라는 뜻이다. not 두개를 같이 쓰는건 어떻게 할까?  간단하다  붙여쓴다.:not(.new):not(.popular( {   margin-top: 10px;}-> 클래스 이름이 now, popular가 아니면 마진탑 10px 적용!156번-새로 나온 메뉴, 164번-인기 메뉴는 마진탑 미적용176번-시즈널 메뉴, 185번-시그니처 샐러드는 적용!! 10px 적용되서 노랑 배경색이 보인다.      메뉴 리스트펼쳤을때 아래화살표 ∨    닫았을때 위 화살표 ∧  .menu-list-area { padding: 28px $m-padding..

@mixin (믹스인)은 CSS 스타일 그룹 선언을 정의하는 기능 scss로 css작성시 여러번 반복하는 코드를 사용할때 따로 파일을 만든다.생성방법 -   @mixin 이름 { css내용 } 쓸때 -  @include 이름; 아래 _mixin_common.scss 파일의 내용은 텍스트 한줄 말줄임 표시  '  ...  ' 이다.  한줄 말줄임 표시   ✨잊지말것!✨styles.scss에 scss파일들을 컴포넌트로 분리해서 임포트 해놨다. 새로만든  _mixin_common.scss 파일도 추가하자index.html > link태그 styles.css파일 연결styles.css안에 scss 파일들 @import   멀티 말줄임 표시//한줄 말줄임표시 @mixin ellipse { text-overflo..