18.03.18시작
emmet 자주사용하는 문법정리 본문
***
-------------------
div{ㅂㅂ}
<div>ㅂㅂ</div>
-------------------
-------------------
div>div
<div><div></div></div>
-------------------
-------------------
div[tt="qq"]
<div tt="qq"></div>
div[tt="qq$"]*3
<div tt="qq1"></div>
<div tt="qq2"></div>
<div tt="qq3"></div>
-------------------
-------------------
div{$}
<div>$</div>
div{$}*3
<div>1</div>
<div>2</div>
<div>3</div>
-------------------
-------------------
div>div+div
<div>
<div></div>
<div></div>
</div>
-------------------
-------------------
div>div+(div>div)*3
<div>
<div></div>
<div>
<div></div>
</div>
<div>
<div></div>
</div>
<div>
<div></div>
</div>
</div>
-------------------
***
키포인트는
numbering 할때 $ 를 사용하는데,
단독으로 쓰이면 $ 그대로 나옴.
'공개필기' 카테고리의 다른 글
| background-size 에 대해 (feat. 모바일에서 이미지스프라이트) (0) | 2018.04.05 |
|---|---|
| 동그란 형태의 박스안에서 텍스트 정렬하기 (0) | 2018.04.05 |
| background-image 의 영역에 대해 (0) | 2018.04.03 |
| ul, ol, li 머리말 기호에 대해 (feat. list-item) (0) | 2018.04.02 |
| user agent / user defined / author (stylesheet) 차이점에 대해 (0) | 2018.03.29 |
Comments