Css 在Sass中重复单个声明的最佳方式是什么？

在我的项目中，我有许多元素将采用此属性

text align:center

如何避免使用Sass在所有元素中编写此声明

换句话说，有没有更有效的方法来做这样的事情：

.one{
文本对齐：居中；
}
.二{
文本对齐：居中；
}

使用mixin

范例

申报

@mixin centerAlign {
  text-align : center;
}

使用

使用混合器

范例

申报

@mixin centerAlign {
  text-align : center;
}

使用

---

尝试使用纯CSS的力量

.one, .two {
    text-align: center;
}

---

尝试使用纯CSS的力量

.one, .two {
    text-align: center;
}

---

你也可以这样试试

.text-center{
    text-align:center;
}

在html代码中包含要显示中心对齐的文本中心。 前

...

您也可以这样尝试

.text-center{
    text-align:center;
}

在html代码中包含要显示中心对齐的文本中心。 前

...

您还可以使用扩展：

.center-align {
  text-align:center
}

.one, .two {
  @extend .center-align;
  /*additional styling*/
}

---

它的工作原理与之前发布的方法基本相同

您也可以使用扩展：

.center-align {
  text-align:center
}

.one, .two {
  @extend .center-align;
  /*additional styling*/
}

---

---

它的工作原理与之前发布的方法基本相同

这和你给这个属性一个类似bootstrap text center的类一样感谢@RadiantAhmed的回答，但我尽量避免使用非语义类名。这可能看起来很难看，而且工作量太大，但在很多情况下，重复自己是一件好事。将代码拆分为模块（多个文件）很好，并且能够在以后更改其中一个模块而不必担心所有其他模块也很好。只有当您确定很多模块总是需要相同的样式时，mixin才是好用的。重复太多或太少之间有一条细微的界限，每个项目都可能有所不同。谢谢@René，你为我说得很清楚。这是最好的答案。@MoaazBhnas我的答案不是真的；）你可能应该接受山姆的回答，因为从技术上讲，这是你问的最有效的回答。我只是给出了一些关于另类思维的见解。这是一样的，你给这个属性一个类似bootstrap text center的类谢谢@RadiantAhmed的回答，但我尽量避免使用非语义类名称。这可能看起来很难看，而且工作量太大，但在很多情况下，重复自己是一件好事。将代码拆分为模块（多个文件）很好，并且能够在以后更改其中一个模块而不必担心所有其他模块也很好。只有当您确定很多模块总是需要相同的样式时，mixin才是好用的。重复太多或太少之间有一条细微的界限，每个项目都可能有所不同。谢谢@René，你为我说得很清楚。这是最好的答案。@MoaazBhnas我的答案不是真的；）你可能应该接受山姆的回答，因为从技术上讲，这是你问的最有效的回答。我只是在另类思维方面给出了一些见解。你不认为他还得一遍又一遍地写吗？顺便说一句，回答得很好谢谢你回答了@Deepak，但重点是什么？我仍然会重复自己。不要考虑这个例子，它只有一个规则，但是考虑一些有多条规则但是在不同的地方使用的东西。你不认为他还是必须一次又一次地写它吗？顺便说一下，很好地回答了“DePaK”，但这又有什么意义呢？我仍然会重复自己。不要考虑这个例子，它只有一个规则，但是考虑一些有多个规则但在不同地方使用的东西。使用占位符可能更好。此外，使用extend和MIXIN之间的输出也有区别（extend通常效率更高），使用占位符可能更好。此外，使用extend和mixin在输出上也有区别（extend通常更有效）