Vue組件css被Laravel上的bootstrapp-sass覆蓋

Question

我有一個幾乎香草的Laravel安裝。 無論我做什麼，組件中的所有作用域css都會被忽略，而應用bootstrap-sass樣式。

我該如何阻止rappening？

Answer 1

1. 在捆綁的webpack文件之前包含bootstrap.css文件。
2. 使用清晰的選擇器，因爲它們在層次中調用。像inline，id，class ...一樣使用更精確的選擇器。

下選擇類型列表增加了特異性： https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#Selector_Types