목록CSS (5)

개발야옹

[ Web - SCSS ] & Ampersand

& Ampersand 상위 선택자 참조. ex 1) .btn { position : absolute; } .btn.active { color : blue; } /* Ampersand 활용 */ .btn{ position : absolute; // & 가 btn으로 치환된다. &.active{ color : blue; } } ex 2) .list li : last-child { margin : 20px; } /* Ampersand 적용 */ .list { li{ // &가 li로 치환된다. &:last-child{ margin : 20px; } } } 출처 : https://sso-feeling.tistory.com/232 https://velog.io/@jch9537/CSS-SCSS-SASS [SCSS]..
WEB/CSS 2021. 11. 16. 13:58
이전 Prev 1 2 Next 다음