用jsp/html中的內聯變量覆蓋更少的變量屬性/值

我有一種情況，我必須用jsp/html中寫入的內聯變量重寫less變量屬性/值。我定義的主文件（abc.less）幾個變量，如下所示：用jsp/html中的內聯變量覆蓋更少的變量屬性/值

@bodyColor: rgb(88,90,91); // (#585a5b) grayish @brandColor1: rgb(23,59,107); // (#173b6b) dark

，我寫JSP以下的人/ HTML更改顏色，我使用了相同的變量名稱作爲主文件。

@bodyColor: rgb(255,0,0); // (#ff0000) redish @brandColor1: rgb(204,204,204); // (#cccccc) grayish

但重寫主文件屬性，請讓我知道它怎麼會工作。提前致謝。

你爲什麼不將少量樣式表編譯成普通的CSS？ – Blender 2013-05-05 07:34:11

@Blender，我在main文件中使用了20種樣式的brandColor1變量，並且想要一次性替換它們的顏色。如果我通過普通的CSS來做，我必須複製每一種樣式並粘貼到我的jsp/html中。在jsp/html文件中，我必須更改每種樣式的顏色。 – 2013-05-05 11:44:29

您可以創建一個有定義的所有顏色的文件colors.less

@bodyColor: rgb(255,0,0); // (#ff0000) redish 
@brandColor1: rgb(204,204,204); // (#cccccc) grayish

然後在所有其他不太文件頂部添加以下語句，

@import "colors.less";

有這樣不需要更改所有文件中的顏色，而只需在colors.less文件中更改它，它將在所有其他位置更新。

您可以使用相同的方法來定義和重新使用樣式，混合和其他變量。

2013-05-29 06:40:37

回答