Vue组件css被Laravel上的bootstrapp-sass覆盖

Question

我有一个几乎香草的Laravel安装。 无论我做什么，组件内部的所有范围内的css都会被忽略，而是应用bootstrap-sass样式。

如何阻止这种情况发生？

Answer 1

1. 在捆绑的webpack文件之前包含bootstrap.css文件。
2. 使用明确的选择器，因为它们在层次结构中被调用。就像内联，id，类......使用更精确的选择器。

以下选择器类型列表会增加特异性： https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#Selector_Types