我正在T3框架上的Joomla 3中建立一个网站。
我第一次使用LESS，但对CSS很有经验。
该网站将有不同的主题着陆页。除了配色方案外，这些都是相同的。
我试图在T3'变量'较少的文件中设置颜色方案，然后实现颜色 - 许多核心组件的颜色会有所不同 - 例如H1，P，DIV背景颜色等。
因此，如果我为泰国页面设置了一个主色，我在variables.less文件中创建了这个规则：
@thai: #e55092;
然后我对LESS编译到CSS的确切方式的了解逐渐消失，我失去了整个思路。
因为我现在希望能够在T3模板中为泰国设置登录页面。我需要能够在此页面的不同位置使用“泰语”课程 - 例如，H1文字应该是彩色的＃e55092，aside背景应该是＃e55092，一个{{ 1}}应该是＃e55092 ...仅适用于此页面。
我希望这不是一个太开放的问题，但是实现这一目标的最佳做法是什么，保持我的代码干净和快速？我目前的想法是，我在LESS中创建了一大堆规则：
HR（借口语法 - 对LESS来说很新，不确定什么是可能的或正确的）
但这不是首先打败了使用LESS的全部目的吗？
答案 0 :(得分：3)
我认为你的问题非常广泛。根据您的具体情况：
所有网页的一个CSS文件。您可以考虑changing selector order按钮的代码可能如下所示：
.button { 边框：1px纯白色; .thai＆amp; {background-color：red;} .japanese＆amp; {background-color：yellow;} }
在您的HTML网页中：<body class="thai">等等..
在Less中你可以override a variable by putting the definition afterwards 您应首先定义一个主文件，对于按钮示例，此button.less文件应包含如下所示的内容：
@button-background-color: orange;
button { background-color: @button-background-color; }
现在您可以按如下方式定义泰国主题文件（thai.less）：
@import "button.less";
@button-background-color: red;
或者使用modify-var option编译不同的CSS文件：
lessc button.less --modify-var="button-background-color=red" thai.css