Emmet 缩写从现有 url 生成多个 <a>

Question

此网址为：

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 片段：

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>

Answer 1

试试这个

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

当您选择了文本后，无需将数字添加到乘数

有关Here

的更多信息

Emmet 缩写从现有 url 生成多个 <a>

Emmet abbreviations make multi <a> from existing urls

html

css

emmet