有条件地使用 .less 样式表

Question

我正在努力掌握 Less，需要帮助。

我为同一个应用程序的不同部分设置了三个样式表。 让我们称他们为1.less, 2.less, 3.less。我还有一个shared.less 样式表，其中包含所有三个部分的一些通用样式。

我想通过require 在主样式表application.css 中使用这些文件。

如何在application.css 中的1.less、2.less 和3.less 之间切换？

喜欢

*= require yfu_app/shared.less *= require yfu_app/1.less 使用应用程序的第一部分时；

*= require yfu_app/shared.less *= require yfu_app/2.less 当应用程序的第二部分被使用时等等。

可能有更好的方法吗？

编辑

是否可以有条件地将@importless 文件放入shared.less？

Answer 1

您可以在布局 application.html.erb 中添加条件以根据您的应用页面选择样式表

举个例子

<%= stylesheet_link_tag 'application' %>
<% if less_1 %>
  <%= stylesheet_link_tag 'less1' %>   
<% elsif less_2 %>
  <%= stylesheet_link_tag 'less2' %>   
<% elsif less_3 %>
  <%= stylesheet_link_tag 'less1' %>   
<% end %>