在加載我的頁面或在子頁面之間切換時,似乎可以通過我的 css 中的轉換看到 Bootstrap.css。
我的正常鏈接是橙色的,但在加載或使用它到下一頁時,它會變成藍色,就像未經編輯的引導鏈接一樣。
我是這樣定位的,所以應該沒有問題吧?
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X R7YkIZDRvuzKMRqM OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
我發現的唯一可能有幫助的是這個,但我不能使用這個解決方法,因為它在每個鏈接上。
編輯:你們中的一些人想看看我是如何建立我的課程的:
.indexlink {
font-family: 'Source Sans', sans-serif;
font-weight: 400;
font-size: 20pt;
line-height: 1.5;
text-decoration: none;
color: #777777;
transition: 0.8s;
}
還有我的 HTML:
<a class="indexlink" href="WEBSITE" target="_blank">
EDIT2:我也嘗試過的是使用 jquery,盡管我寧愿在沒有的情況下解決它:
<script>$(window).load(function() {$("body").removeClass("preload");});</script>
在我身上有一個預載類:
.preload * {
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
}
但這也沒有用。
jquery.js:10363 Uncaught TypeError: url.indexOf is not a function at jQuery.fn.load
uj5u.com熱心網友回復:
我可以使用jQuery和問題中的代碼找到解決方案。這里的問題
是自jQuery-1.8(window).load(function(...以來已棄用。(在這里感謝這個答案)
因此,將其替換為:
<script>$(window).on('load' , function(){$("body").removeClass("preload");});</script>
作業正常。
仍然很難過,雖然我不能只用 CSS 來修復它
uj5u.com熱心網友回復:
您是否嘗試在課堂上添加“!important”?
例子:
.nav .nav-item .nav-link{
color: #fff !important;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/493653.html
