less中replace函数的正则表达式问题

teamwei
  • 3
新手上路,请多包涵

是否能像js中replace实现如下效果

padding: replace(~"10 30 20 40", "正则表达式", "px", "g");
// 结果 padding: 10px 30px 20px 40px;

或者是这样

border: replace(~"1 solid #000", "正则表达式", "px", "g");
// 结果 border: 1px solid #000;

只对数字进行替换操作,用一个正则表达式实现

参考文档

回复
阅读 554
2 个回答
✓ 已被采纳
#id{
  padding: replace(~"1 1 1 5", "(?<!\#)\b(\d+)", "$1px", "g");
  border: replace(~"1 solid #000", "(?<!\#)\b(\d+)", "$1px", "g");
}

image.png

试了一下,应该可以:

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏