我可以预处理一个较少的 css 文件吗？

Question

我将Less 与Drupal 一起使用，并且我希望允许管理员用户在全局范围内为某些站点元素定义颜色。澄清一下，我们有某种类型的内容，称之为“级别”，管理员可以向网站添加一个级别。每个级别都应该有一个关联的颜色，这将是某些 div 的边框颜色等。我希望管理员能够通过 cms 设置颜色并将其反映在外部样式表中。

DOM 中所有受影响的元素都按类进行索引。我唯一能想到的是在主 Less 文件中导入第二个 Less 或 CSS 文件，该文件将由 Drupal 动态生成。我只是想确保我没有遗漏任何东西，例如一种在 less 文件中内联 php 并在将 php 传递给浏览器或服务器端 less 编译器之前执行 php 的方法。

Answer 1

使用这种方法，您最终会生成数百个（或任何您的受众）生成的 .less 文件。不确定这是否是您想要采取的方法。

让用户定义颜色并将其存储在 db 中，然后当用户登录时，加载他的设置并生成 CSS 代码，您只需将其嵌入 header.php（或在 Drupal 的每个页面上加载的类似文件）中：

<?php if ($user->logged_in) { ?>
<style type="text/css">
  .header {
    background-color: <?php echo $background-color; ?>;
    color:            <?php echo $header-color; ?>;
  }
  .content {
    ...
  }
  ...
</style>
<?php } ?>

.. 其余样式在 LESS 文件中定义。

默认用户（未登录）将获得您在 LESS 文件中定义的这些元素的默认颜色。以上将简单地覆盖它们（因此请确保将其嵌入下面调用主样式表）。

我会这样做。