如何停止引導CSS樣式

-1

我有一個樣式表（引導），當在頭應用將覆蓋我的個人風格纔是硬道理。

當js被調用時，我確實需要這些引導樣式，否則彈出的對話框是非樣式的。

如何阻止我自己的樣式被覆蓋？

2014-03-07 Dan Cundy

先加載引導程序css，然後加載自定義樣式表。 –

你應該只考慮你真正需要的部分。然後你可以使用「最接近」的CSS選擇器。確保這不會與樣式表交互的一種方法是使用類的前綴。 –

@NickR不起作用，我認爲必須有樣式，我沒有使用我的工作表不覆蓋他們。 –

我沒有完全理解你的問題，但這裏是我的理解：

1-您正在使用Twitter的引導在您的項目，它是覆蓋您的樣式表。
2-您需要引導彈出對話框，沒有別的。

那麼從第一個問題，您可以：

- 呼叫你的手工製作樣式表後調用引導的CSS。
- 更改您的樣式表CSS類和ID。
從ID的-Hierarchize你的類，例如：

#foo{ 
    color: black; 
} 
#foo .bar{ 
    color: white; 
} 

#foo .bar>li{ 
    margin: 10px; 
}

- 添加「重要！」受影響的類（不推薦在所有）之後。

對於第二個問題，你可以：

- Costumize你的自舉，你可以挑選一些插件（如彈出式），並排除其他人，你不要使用。（Costumize Bootstrap）

2014-03-07 14:41:11 Leandragem

是的，這正是我需要的！非常感謝你，所以從你寫的bootstrap是一個樣式表，其他樣式不適用於彈出對話框？我沒有意識到這一點，這將解釋爲什麼它會殺死我的個人樣式表！好吧，我有兩種可能的解決方案選擇自定義引導程序或使用！重要！這些聽起來很棒！爲什麼只是出於興趣，你不會推薦使用！重要 –

@DanCundy在某些情況下，！重要的可能會讓你困惑，而且它在語義上是不正確的，因爲當你可以避免它時，你是壓倒一切的。是的！ Bootstrap是一個工具箱，其中彈出窗口只是一個工具。你只能下載你想要/需要的東西。不要忘記把你的問題設置爲回答！ – Leandragem

@DanCundy我認爲最好的辦法是，不僅選擇你在bootstrap中使用的內容，而且還修復你的類命令，這樣你就不會再遇到任何有關樣式表溢出的問題。 – Leandragem

像Nick R在評論中提到 - 訂單在這裏很重要。樣式表加載後，瀏覽器將'覆蓋'樣式。舉例來說，如果你有兩個表：

.darkdiv { 
    color: #fff; 
    background-color: #000; 
}

，然後用樣式表：

.darkdiv { 
    color: #888; 
}

帶班「darkdiv」，將保持原有的背景顏色的任何元素，但有灰色（＃ 888）彩色文本，因爲該樣式被第二個樣式表'覆蓋'。

2014-03-07 14:36:08 problemPotato

我知道工作表是如何工作的@problemPotato，只是一個我需要風格一個JS調用對話框是5000行代碼，我認爲它必須具有不被我的樣式表覆蓋的樣式。因此，我希望有一種方法只在需要時調用工作表，然後才被丟棄？ –

回答