Skip to content

Instantly share code, notes, and snippets.

@olygood
Last active April 1, 2022 11:48
Show Gist options
  • Save olygood/2cf0174b0bc239aa55ecf5fa10d4657d to your computer and use it in GitHub Desktop.
Save olygood/2cf0174b0bc239aa55ecf5fa10d4657d to your computer and use it in GitHub Desktop.
emmet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emmet</title>
</head>
<body>
<!-- -->
<!-- .container -->
<div class="container"></div>*
<!-- footer{} -->
<footer>footer</footer>
<!-- div>ul>li -->
<div>
<ul>
<li></li>
</ul>
</div>
<!-- .liste>ul>li*5 -->
<div class="liste">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<!-- ul>li.item$*5 -->
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
<!-- div>ul.ulLeft>li{$}*3 -->
<div>
<ul class="ulLeft">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
// racourci Emmet
.container = <div class="container"></div>
footer{footer} = <footer>footer</footer>
div>ul>li = <div><ul><li></li></ul></div>
div>ul>li*5 = <div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment