Question

我正试图掌握Less并需要帮助。

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

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

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

像

*= require yfu_app/shared.less *= require yfu_app/1.less（使用该应用的第一部分时）；

*= require yfu_app/shared.less *= require yfu_app/2.less（当使用应用的第二部分时，依此类推。

也许有更好的方法吗？

编辑

是否可以有条件地@import减少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 %>

有条件地使用.less样式表

1 个答案: