不同的选择器，相同的样式，如何在less中防止重复输出_程序开发

创始人

2025-01-08 21:00:14

0次

在LESS中可以使用混合（Mixin）来解决不同的选择器但样式相同的重复输出问题。通过定义一个混合，将相同的样式代码放入混合中，然后在需要应用这些样式的选择器中调用该混合。

以下是一个示例代码：

// 定义一个混合
.same-style() {
  color: red;
  font-size: 16px;
}

// 使用混合
.selector1 {
  .same-style();
}

.selector2 {
  .same-style();
}

在上面的示例中，我们定义了一个名为same-style的混合，它包含了相同的样式代码。然后，在selector1和selector2选择器中分别调用了该混合，这样就避免了重复输出相同的样式。

编译后的CSS代码如下：

.selector1 {
  color: red;
  font-size: 16px;
}

.selector2 {
  color: red;
  font-size: 16px;
}

通过使用混合，我们可以在不同的选择器中重复使用相同的样式，而不需要重复输出代码。这样可以提高代码的可维护性和重用性。

黑科技辅助！江山盛世(辅助),... 黑科技辅助！江山盛世(辅助),中至南昌卧龙一贯真的是有透视挂软件（有辅助挂秘籍）黑科技辅助！江山盛世...

黑科技作弊器！钎聚(作弊器),... 黑科技作弊器！钎聚(作弊器),快乐碰胡总是有透视挂技巧（有辅助挂功能）1、快乐碰胡辅助软件下载优化，...

黑科技透视挂！边锋老友棋牌(透... 黑科技透视挂！边锋老友棋牌(透视挂),柒柒真是是真的有透视挂攻略（有辅助挂猫腻）1、起透看视边锋老...

黑科技辅助器！打牌网(辅助器)... 黑科技辅助器！打牌网(辅助器),微信十三水好像有透视挂app（有辅助挂细节）1、微信十三水免费辅助多...

黑科技透视器！微微娱乐(透视器... 黑科技透视器！微微娱乐(透视器),安徽麻将本来真的有透视挂插件（有辅助挂细节）1、点击下载安装，安徽...

黑科技外挂！英豪娱乐城(外挂)... 黑科技外挂！英豪娱乐城(外挂),老地方好像有透视挂方法（有辅助挂讲解）1、英豪娱乐城透视辅助软件激活...

黑科技开挂！天空麻将(开挂),... 黑科技开挂！天空麻将(开挂),越乡游义乌麻将一直真的有透视挂攻略（有辅助挂实锤）；1.越乡游义乌麻将...

黑科技作弊器！乐天棋牌(作弊器... 黑科技作弊器！乐天棋牌(作弊器),即赢互动竟然是真的有透视挂教程（有辅助挂透视）即赢互动脚本下载中分...

黑科技开挂！王者棋牌(开挂),... 黑科技开挂！王者棋牌(开挂),长乐互娱好像有透视挂app（确实有辅助挂）1、操作简单，无需王者棋牌手...

黑科技透视挂！飘飘(透视挂),... 黑科技透视挂！飘飘(透视挂),假日娱乐果然真的有透视挂插件（有辅助挂攻略）1、黑科技透视挂！飘飘(透...