如何将预定义的css类应用于css文件中的html标记

Question

在我的HTML代码中，有多个<pre>标记。在我的本地CSS文件中，我将<pre>标记设置为

pre {    
  font: ..    
  ..    
}

有没有办法在上面的代码中应用bootstrap类（即在CSS文件中），这样我就不需要为所有<pre>标签应用相同的bootstrap类了？

Answer 1

如果你有一个pre标签，那么就把它变成一个类，这样当你编写pre {...的所有pre实例都将应用该类时，在css文件中。

Answer 2

仅当您使用预处理器时，例如 SASS o LESS 。

如果您使用SASS版本的Bootstrap，您可以通过以下方式扩展pre标记：

pre {    
  @extend .your-css-class   
}

其中.your-css-class是css类的名称，被认为是 source 的css规则，您也要应用于pre元素