CSS屬性的變化都沒有響應

我有以下DIV：CSS屬性的變化都沒有響應

<div class="order-data col-xs-2 col-md-3">

在CSS文件中，這個div的屬性有以下幾條：

div.container>div.container-striped>div.row>div.order-data { 
min-height: 30px; 
line-height: 4em; 
line-height: 20px; 
}

我改變順序數據的屬性這個：

div.container>div.container-striped>div.row>div.order-data{ 
    min-height: 30px; 
    line-height: 20px; 
    text-align: center; 
}

我正在保存它，但是當我重新加載頁面時，更改沒有響應。那是什麼？

來源

2014-01-20 nandophillips

請你能不能重現該問題在簡單的小提琴？ – fcalderan

嗨，不，我不能，CSS太長 – nandophillips

如果你的HTML看起來像這個小提琴一樣的工作：http://jsfiddle.net/dw2u3/ – caramba

試試這個，您可以清除瀏覽器的緩存，並檢查

<div class="container"> 
     <div class="container-striped"> 
      <div class="row"> 
       <div class="order-data col-xs-2 col-md-3"> 
     test test  
       </div> 
      </div> 
     </div> 
    </div>

CSS：

div.container>div.container-striped>div.row>div.order-data{ 
    min-height: 30px; 
    line-height: 20px; 
    text-align: center; 
    background-color:red; 
}

演示：http://jsfiddle.net/4V5PH/

來源

2014-01-20 13:35:00

是的，我明白了。我的問題是，當我使用檢查時，更改沒有做。 – nandophillips

當我通過「樣式」進行更改時，它可以工作，但不在css文件中。 – nandophillips

確保你的css文件路徑正確！ –

這個問題幾乎是我太多的臉，當我更新CSS文件時，它不會在HTML文件中更新時重新加載它，因爲你可以簡單地使用你的HTML文件中更新的CSS代碼usi ng

<style> 
div.container>div.container-striped>div.row>div.order-data{ 
    min-height: 30px; 
    line-height: 20px; 
    text-align: center; 
} 
</style>

來源

2014-01-20 13:35:07 Shn

嘗試重命名該css文件。這似乎是一個緩存問題。

來源

2014-01-20 13:36:33 mrida

看起來像樣式已經在其他地方覆蓋，你已經設置了這些樣式或可能在javascript。我建議你使用firebug或鉻檢查工具來弄清楚。

您也可以嘗試使用!important屬性在這裏：

div.container>div.container-striped>div.row>div.order-data{ 
    min-height: 30px; 
    line-height: 20px !important; 
    text-align: center !important; 
}

來源

2014-01-20 13:38:07 Felix

我已經嘗試過！重要，沒有工作。 – nandophillips

@nandophillips你嘗試清除瀏覽器緩存？你包括你的文件是否正確？ – Felix

該文件已正確包含在內。也許是緩存。我如何清除它？ – nandophillips

CSS屬性的變化都沒有響應

回答

相關問題