当前位置: 首页 > 面试题库 >

使用Less时CSS值中的斜线(`/`)(例如`font`的简写形式)

墨寂弦
2023-03-14
问题内容

我在将Less与字体速记一起使用时发现了一个问题

.font(@weight: 300, @size: 22px, @height: 32px) {
    font: @weight @size/@height "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}

以上失败

this.a.toCSS is not a function
http://localhost/tumblr/modern1/css/style.less on line 1, column 0:
1. @highlight: #cb1e16;
2. @shade1: #cb1e16;

当我分割属性时它起作用

.font(@weight: 300, @size: 22px, @height: 32px) {
  font-weight: @weight;
  font-size: @size;
  line-height: @height;
  font-family: "Yanone Kaffeesatz", "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;

}

我认为这是因为斜杠/多数民众赞成在造成问题,我认为,因为较少可以做计算,例如。2px + 5 = 7px它试图做一个鸿沟?


问题答案:

刚遇到这个问题,转义函数(无论如何对于less.js来说)是:e()像这样

font: @weight @size e('/') @height "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;


 类似资料:
  • 本文向大家介绍yii2简单使用less代替css示例,包括了yii2简单使用less代替css示例的使用技巧和注意事项,需要的朋友参考一下 添加组件php composer.phar require --prefer-dist singrana/yii2-less "*" 修改配置文件`main.php' 在AppAsset中 这样就可以用less来写样式了 以上就是本文的全部内容,希望对大家的学

  • 问题内容: 我要做成这样的桌子 CSS对角线罢工 可以在表格中添加倾斜的对角线边框吗? 问题答案: 基于CSS3线性梯度解决方案,但角度不是硬编码的:

  • 本文向大家介绍如何使用css给一个正方形添加一条对角斜线?相关面试题,主要包含被问及如何使用css给一个正方形添加一条对角斜线?时的应答技巧和注意事项,需要的朋友参考一下

  • 请忽略圆圈/圆环。

  • 本文向大家介绍使用python计算三角形的斜边例子,包括了使用python计算三角形的斜边例子的使用技巧和注意事项,需要的朋友参考一下 我就废话不多说了,还是直接看代码吧 注:中间的空格符是一对引号加一个空格 补充知识:三角形已知两边一斜角时求第三边的公式 已知三角形中的一个角θ \thetaθ和其对边b bb以及侧边a aa, 第三条边长的计算公式为 证明很简单, 用海伦公式和三角形两边一内角的

  • 问题内容: 斜线在这里是什么意思: 问题答案: 这实际上设置了两个属性,并且等效于: 该属性的语法基于传统的印刷速记符号来设置与字体相关的多个属性。 正如David M在评论中所说,它反映了将字体大小指定为“ x pt on y pt”以表示行高的字形大小的排版传统。 但是问题中的示例实际上是错误的,浏览器将忽略它:您只能以简写形式组合这两个属性,并且 必须 至少指定字体大小和字体。因此,仅仅写作