【问题标题】:Less CSS - class declaration in html?更少的 CSS - html 中的类声明?
【发布时间】:2011-09-14 22:14:27
【问题描述】:

我知道可以少用的地方,但是这样做(这是行不通的):

<div class="fixed-width(150px)" ></div>

.fixed-width(@customWidth) {
   width: @customWidth;
}

...似乎比提供的示例更有意义:

<div class="fixed-width" ></div>

.fixed-width {
   .another-step(150px);
}

.another-step(@customWidth) {
   width: @customWidth;
}

有没有一种简单的方法来完成我所缺少的?

【问题讨论】:

  • 也许它对你更有意义。对我来说不是。更少的 CSS 是关于使样式表更易于维护。这不是让自己参与到您的 HTML 中。
  • 这将使一切更易于维护:)
  • @Frank:这将使一切更难维护,IMO。类应该表示元素是什么对象的类型,而不是它的外观。
  • 无论做什么解决方案都必须预先解析您的 HTML(当您涉及从服务器端语言动态生成的 HTML 时不容易做到)并相应地生成样式表或在运行时解析它并生成/缓存并附加样式表。对于您提供的简单示例,您也可以使用style="width: 150px"。无论如何,它超出了 Less CSS 的范围。
  • 我讨厌那个风格标签!更难维护,你?也许这是相对的。我只是认为能够像几乎所有其他语言一样声明带有变量的类是有意义的:)但是太糟糕了。

标签: css less


【解决方案1】:

没有。 LESS 只编译 CSS 文件,不编译内联 CSS。你必须编写一个改进的解析器来生成你已经在使用的代码。

【讨论】:

  • 也不涉及内联 CSS,使得给定的 HTML 与 LESS 完全无关。
猜你喜欢
  • 2021-10-14
  • 2012-01-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多