CSS引導改寫我自己的CSS代碼

Question

目前，我想一個網站，在這個w3school教程這裏顯示的幻燈片編號：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto

所示的例子中都有自己的一套CSS中，使過渡和幻燈片順利淡入淡出的效果。添加CSS引導後，幻燈片的效果變得粗糙，轉換不再流暢。使用

CSS：https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

我在我的CSS文件，像這樣的鏈接是：依次

<link rel="stylesheet" href="css.css" type="text/css">

從前面的例子中我搜索

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css"> 

，許多人說，把在自己的css文件之前引導，這樣我自己的代碼就不會被覆蓋。但我已經嘗試過，但在這種情況下不起作用。任何人都可以就此提出建議嗎？謝謝。

Answer 1

嘗試將!important添加到您不希望受到影響的CSS規則中。

嘗試使用瀏覽器的檢查工具，看看有什麼CSS規則適用於每個元素

有關詳情，請瀏覽： https://stackoverflow.com/questions/9245353...

Answer 2

需要命名空間在幻燈片中使用的類名，以便它不受引導樣式的影響。在類名覆蓋的情況下很難處理引導程序的特殊性。

我的建議是使用類似w3_slideshow_的東西，並在其中加上所有類名的前綴。 class="text"將變成class="w3_slideshow_text"等，然後相應地更新樣式和js。

如果還存在一些問題，請檢查檢查員的特異性並使用!important（不是最乾淨的方法）或通過應用更具體的選擇器來覆蓋由引導程序應用的樣式。

Answer 3

由於Giann達爾提到的，你可以嘗試添加!important

我覺得你的CSS屬性可以通過CSS從引導被覆蓋，因爲它是更具體的。 例如：

body > p {} 

比

p {} 

爲此更具體的，body > p {}應用