前端开发必备！Emmet常用语法

最新推荐文章于 2024-04-26 01:26:41 发布

Jsonkim

最新推荐文章于 2024-04-26 01:26:41 发布

阅读量398

点赞数

分类专栏： /root/WEB前端文章标签：前端开发

本文链接：https://blog.csdn.net/u013987661/article/details/78810712

版权

/root/WEB前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1.后代：nav>ul>li

<div class="nav">
    <ul>
        <li></li>
    </ul>
</div>

2.兄弟：div+p+bq

<div></div>
<p></p>
<blockquote></blockquote>

3.上级：div+div>p>span+em^bq

<div></div>
<div>
    <p><span></span><em></em></p>
    <blockquote></blockquote>
</div>

4.分组：div>(header>ul>li*2>a)+footer>p

<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>

5.乘法：ul>li*5

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

6.自增符号：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>

7.id和class：ul#id233>span.span233

<ul id="id233"><span class="span233"></span></ul>

8.自定义属性：p[title=”Hello world”]

<p title="Hello world"></p>

9.文本内容：a{Click me}

<a href="">Click me</a>

10.html模板：!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

Jsonkim

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端开发必备！Emmet常用语法

1.后代：nav>ul>li<div class="nav"> <ul> <li></li> </ul></div>2.兄弟：div+p+bq<div></div><p></p><blockquote></blockquote>3.上级：div+div>p>span+em^bq<div></div><div> <p><span></span><em><
复制链接

扫一扫

专栏目录