问题描述
我有2个样式表-1。 bootstrap 4.0 2.实现4.0
现在我想从这两个选择器中选择特定的选择器，但是如何从另一个选择器中覆盖相同的选择样式。
例如：我想从引导CSS中选择标题导航（navbar）样式，但是材质中的navbar样式也同时被激活，并且输出是垃圾。那么如何从其他样式表中禁用相同的选择器。
谢谢。
解决方法
Bootstrap和Materialize类/标记不相同。我的意思是：
在实现navbar的过程中，标记为：
<nav>
<div class="nav-wrapper">
.....
<div/>
</nav>
在Bootstrap中：
<nav class="navbar navbar-expand-lg navbar-light bg-light">
...
</nav>
因此选择特定元素并不难，可以使用类名或标记名来访问元素。
,首先，无论如何，两个样式表之一将覆盖另一个样式表。最后加载的样式表将覆盖所有以前加载的样式表。示例：
引导程序：
val outgoing = Source.empty.concatMat(Source.maybe[Message])(Keep.right)
材料化：
header { color: white; }
如果Materialize CSS最后加载，它将覆盖Bootstrap的CSS。
对于您而言，如果要实现自己的目标，则必须涵盖两个样式表中的所有属性。示例：
引导程序：
header { color: black; }
材料化：
header { color: white; background: white; }
然后，您将必须修改所有三个二手服装，以实现您的目标：
自定义CSS：
header { color: black; font-size: 14px; }
如果要同时调用两个CSS文件，则可能会导致重叠。最后调用的样式表将覆盖以前的CSS样式。
因此，最好，最简单的方法是
- 首先最小化两个CSS文件。
- 然后，如果需要，可以向主体添加一个唯一的CSS类（以确保更多）。
- 从两个文件中获取所需的CSS并将其粘贴到新的CSS文件中，并确保相应地添加您在正文中使用的类（如果为正文提供了CSS类）。
- 请勿调用bootstrap 4.0 2.实现4.0 CSS文件。只需调用新创建的CSS样式表即可。 （但仍然，您必须注意CSS类的顺序，因为有时类会被覆盖）