Emmet 缩写使多个 <a> 从现有的 url答案

【问题标题】：Emmet abbreviations make multi <a> from existing urlsEmmet 缩写使多个 <a> 从现有的 url
【发布时间】：2018-06-01 10:48:31
【问题描述】：

此网址为：

www.google.com
www.yahoo.com
www.instagram.com
www.github.com

在我的编辑器中，我想从中制作一些 li 和 a 示例：

<ul>
    <li><a href="www.www.google.com" target="_blank">www.yahoo.com</a></li>
    <li><a href="www.instagram.com" target="_blank">www.instagram.com</a></li>
    <li><a href="www.github.com" target="_blank">www.github.com.com</a></li>
</ul>

用这个 emmet sn-p:

ul>li*4>a[href="http://www.$#.com" target="_blank"]{http://www.$#.com}

但它不能正常工作，我得到这个输出：

<ul>
    <li><a href="http://www.www.google.com
www.yahoo.com
www.instagram.com
www.github.com.com" target="_blank">http://www.www.google.com
        www.yahoo.com
        www.instagram.com
        www.github.com.com</a></li>
    <li><a href="http://www.www.google.com
www.yahoo.com
www.instagram.com
www.github.com.com" target="_blank">http://www.www.google.com
        www.yahoo.com
        www.instagram.com
        www.github.com.com</a></li>
    <li><a href="http://www.www.google.com
www.yahoo.com
www.instagram.com
www.github.com.com" target="_blank">http://www.www.google.com
        www.yahoo.com
        www.instagram.com
        www.github.com.com</a></li>
    <li><a href="http://www.www.google.com
www.yahoo.com
www.instagram.com
www.github.com.com" target="_blank">http://www.www.google.com
        www.yahoo.com
        www.instagram.com
        www.github.com.com</a></li>
</ul>

【问题讨论】：

你用的是什么编辑器？
@GautamNaik 我的编辑器是 phpStorm
你可以去掉 4 试试

标签： html css emmet

【解决方案1】：

试试这个

ul>li*>a[href=$# target="_blank"]{http://$#}

当你选择文本时，不需要在乘数中添加一个数字

更多关于Here的信息

【讨论】：