執行css文件的順序

我在html文件中有多個css文件。它會導致一些風格的衝突。執行css文件的順序

我想知道執行順序，以避免衝突或建議我一些其他方法。以下是代碼。

<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="libs/ionicons/css/ionicons.min.css"> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 

    <link rel="stylesheet" href="css/owl.carousel.css"> 
    <link rel="stylesheet" href="css/owl.theme.css"> 

    <link rel="stylesheet" href="css/nivo-lightbox/nivo-lightbox.css"> 
    <link rel="stylesheet" href="css/nivo-lightbox/nivo-lightbox-theme.css"> 

    <link rel="stylesheet" href="css/animate.css"> 
    <link rel="stylesheet" href="css/main.css"> 
    <link rel="stylesheet" href="css/cropper.min.css"> 
    <link rel="stylesheet" href="css/style.css"> 
<link rel="stylesheet" href="css/fileinput.cs">

來源

2016-02-10 Ironic

如果沒有看到每一個的內部，我們就無法知道這一點。這將是一個相當漫長的過程。總之，如果你知道你有衝突，你將不得不解決它們。如果訂單很重要，那麼最重要的就是「重要！」。 – durbnpoisn

感謝您的評論。 – Ironic

正如@durbnpoisn所說，請提供有關您的問題的更多信息，並嘗試給出您的數據的屏幕截圖。請閱讀[如何問]（http://stackoverflow.com/help/how-to-ask） –

CSS文件將從上到下進行解析。例如，main.css中的任何衝突樣式都將被style.css覆蓋。

我會建議使用像Sass這樣的CSS預處理器和像Gulp這樣的任務運行器來將樣式表捆綁在一起，從而減少瀏覽器的請求數量。這也可以使命名空間更容易避免衝突。

例如：

#namespace { 
    // original code goes here, which will all be prefixed with #namespace 
}

僅供參考，有一個在你的代碼一個錯字上文css/fileinput.cs缺少一個s。

來源

2016-02-10 19:31:22

是的，我知道錯誤實際上在複製''錯過了。無論如何謝謝你的回答。投票了 – Ironic

認爲錯字只是在SO中，而不是在你的實際源代碼中，但我知道我一直在做這類事情，所以想提及它:) –

執行css文件的順序

回答

相關問題