腳本標籤干擾CSS

我是網頁設計的新手，最近進入Bootstrap。我最近也開始使用Codepen。在Codepen上完成一個項目後，我去複製並粘貼我的代碼到Sublime中，不管是什麼原因，它改變了我頁面上的一些內容，例如我的頁腳和一些文本的CSS。腳本標籤干擾CSS

無論出於何種原因，我的頁腳是巨大的，我的一些文字是黃金。我沒有在我的CSS中指定黃金文本。當我將HTML文件中的CSS鏈接移動到Bootstrap的腳本標記下方時，我的頁面發生更改。但無論我放置CSS鏈接或腳本的位置如何，我仍然無法使我的頁面顯示正確的方式。

爲什麼我的CSS鏈接和我的Bootstrap腳本的位置很重要？他們都在腦海中。

我最近安裝了Emmet，最近還開始玩Github，並在這個問題之前將文件推送到Github。不確定這是否相關。！應用CSS時

<meta charset="utf-8"> 

    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 
    <link rel="stylesheet" type="text/css" href="realsite/styles.css"> 

    <link href='http://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>

來源

2015-07-21 Nick Kinlen

始終嘗試將腳本標記放在html頁面的底部，讓所有頁面加載更快並避免任何錯誤 – ZAZ

CSS規範規定了以下規則：

重要
規則起源
特異性
訂購

這聽起來像第4是你得到你的問題的地方。這意味着如果你有以下內容：

.cssrule { 
    color: white; 
} 
.cssrule { 
    color: gold 
}

然後，顏色將是黃金，因爲它是指定的最後一個規則。通常，特異性規則來解決這個問題在我的經驗，因此，例如：

#ida .cssrule { 
    color: white; 
} 
.cssrule { 
    color: gold 
}

在那種情況下

，一個div像這樣：

<div class="cssrule" id="ida">

將適用於白色。

來源

2015-07-21 02:46:30 Brian

腳本標籤干擾CSS

回答

相關問題