Emmet嵌套元素快捷键异常:整段结构重复及lorem10失效问题
关于Emmet语法的两个问题解答
1. 重复整段结构的正确Emmet语法
要重复生成完整的.slide区块,你需要用括号将整个需要重复的子结构包裹起来,让*4作用于这个整体。正确的语法如下:
#slider>(.slide>.content>h1{Slide $}+p:lorem10)*4
- 括号
()的作用是将内部的.slide及其所有子元素视为一个独立单元; *4会对这个单元重复执行4次,最终生成4个完整的slide区块;$会自动生成递增数字(Slide 1、Slide 2...),匹配你需要的编号效果。
2. lorem10快捷键失效的原因
你之前使用的p{lorem10}是错误用法:Emmet中{}的作用是定义固定文本内容,所以它会直接把p标签的内容设置为字符串“lorem10”,而不是触发生成Lorem文本的逻辑。
要生成包含10个单词的Lorem文本,正确的写法是使用:loremN语法(N为单词数量):
p:lorem10
在你的整段语法中,把p{lorem10}替换成p:lorem10,就能正常生成指定长度的Lorem文本了。
内容的提问来源于stack exchange,提问作者Ajna
相关产品推荐
相关产品推荐

