mixin 可以引用调用选择器中的值吗？

发布于 2025-01-05 08:45:43 字数 324 浏览 2 评论 0原文

例如，我希望能够做到这一点：

.bigfirstletter(@mag) {
  &:first-letter {
    font-size: [get_original_font_size] + @mag;
  }
}

但据我所知，我必须这样做，这不是那么简洁

.bigfirstletter(@fontsize, @mag) {
  &:first-letter {
    font-size: @fontsize + @mag;
  }
}

我有其他选择吗？感谢您的帮助。

原文

For example, I would like to be able to do this:

.bigfirstletter(@mag) {
  &:first-letter {
    font-size: [get_original_font_size] + @mag;
  }
}

But as far as I can see I have to do this, which is not as neat

.bigfirstletter(@fontsize, @mag) {
  &:first-letter {
    font-size: @fontsize + @mag;
  }
}

Do I have an alternative? Thank you for your help.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

韶华倾负 2025-01-12 08:45:43

该死的，它比我想象的要简单:)

.bigfirstletter(@mag) {
  &:first-letter {
    font-size: 1em * @mag;
  }
}

1em 将简单地继承为元素定义的任何内容，并且您只需设置放大倍数即可。 我故意将加号更改为相乘，这样您就可以更好地控制字体大小 - @mag=1.0 表示相同的字体大小，@mag=1.5 表示放大 50%，并且等等..

对下面的答案感到抱歉，出于某种原因，我没有看到您在提供的示例中使用第一个字母（doh！）

看看 :first-letter CSS 伪类 - 此处

damn it was simpler than I thought :)

.bigfirstletter(@mag) {
  &:first-letter {
    font-size: 1em * @mag;
  }
}

1em will simply inherit whatever it is defined for element, and you just set your magnification. I changed the plus sign to multiply on purpose as with this you're going to have better control over font size - @mag=1.0 for same font size, @mag=1.5 for 50% bigger, and so on..

sorry about the answer below, for some reason I didn't see that you're using first-letter in the example provided (doh!)

take a look at :first-letter CSS pseudo class - here

回复收藏 0 原文

~没有更多了~