Bootstrap CSS編輯

我剛剛在我的網站上安裝了bootstrap 3.0，並且一直在玩弄。我有幾個關於它的問題;Bootstrap CSS編輯

我想在我自己的.css文件中更改jumbotron（和其他類）的某些規範。我稱文件「mycss.css」，並添加下面的代碼到它

.jumbotron { 
    background-image: url(); 
    padding: 30px; 
    margin-bottom: 30px; 
    font-size: 21px; 
    font-weight: 200; 
    line-height: 2.1428571435; 
    color: inherit; 
    background-color: #eeeeee; 
}

在我的index.htm我宣佈我的.css如下（bootstrap.min.css聲明之後）;

<link href="css/my.css" rel="stylesheet" media="screen">

但是，這些更改未反映在我的網站上。還有什麼我需要改變？

來源

2013-10-20 user2899296

在chrome和refresh中打開開發人員工具。然後，轉到「網絡」，看看你的CSS文件是否正在被取出 – yuvi

你準備改變什麼？你有和默認的'.jumbotron'類相同的值，你只需要添加一個空白的背景圖片......真的不需要在你的自定義CSS中添加所有的東西，只需要添加或者修改你想要的屬性 –

當我感到困惑時，在事物周圍放置很厚的邊界。 @koala_dev有一個好點。這裏測試不多。 – sheriffderek

"I have a file called 'mycss.css' " 


<link href="css/my.css" rel="stylesheet" media="screen">

這些不匹配。這可能是問題所在。

我的答案很可能是真正的問題，而是 -

@ SeWonJang的觀點仍然有效無論是ID或類 - 並很可能是這個問題。如果我做：.main-content ul {list-style: none}，然後在某處.main-content給一類my-list到ul - 我不能隨便說.my-list {list-style: disc} ---因爲我已經太具體的（或總體） - 我已經說過：「應用這些規則以.main-content內的任何ul爲準。「這勝過.my-list {list-style: disc}。現在我必須說.main-content .my-list {list-style:disc}我真的只是發現這是一個類型的真正問題。因爲幾乎所有的事情都是垃圾清單 - 但是在文章中我想要一些清單風格---這是我最好的例子。

來源

2013-10-20 04:26:52 sheriffderek

嘗試更明顯的東西，身體{像背景顏色：紅色; } 或者其他的東西。使用檢查員來查看發生了什麼。 – sheriffderek

它被稱爲CSS特異性。

http://stackoverflow.com/questions/12780511/how-does-a-css-rule-override-another-css-rule

「因爲CSS的特異性。選擇器的加權是基於組成它，與ID的給定的100，類的加權爲10的加權，並用1加權元素選擇的組件進行評價。「

這意味着，您的目標元素越具體，其獲得的權重就越高。

所以如果你想指定.jumbotron類的一些特性，

以覆蓋它

，您需要選擇更具體的，

例如，

#your_id .jumbotron

這樣，當您的瀏覽器解釋您的CSS樣式時，如果選擇了您的樣式而不是Bootstrap的默認樣式，則可以使用

。

來源

2013-10-20 04:28:12

這可能是，但這意味着它可能被稱爲具有太多的特異性開始。 – nouveau

不，提問者只將.jumbotron作爲選擇器。這意味着它僅具有10的權重。有時爲了覆蓋引導程序元素，你必須將它們包裝在幾個ID或類中，以使其更具體。 –

聽起來像跳過bootstrap的一個很好的理由。 – nouveau

Bootstrap CSS編輯

回答

相關問題