Question

我有以下div：

<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;
}

我正在保存它但是当我重新加载页面时，更改没有响应。那是什么？

Answer 1

试试这个，你可以清除浏览器的缓存并检查

    <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;
}

DEMo： http://jsfiddle.net/4V5PH/

Answer 2

这个问题几乎是我在更新css文件时所面临的问题，当重新加载它时，它不会在HTML文件中更新因为缓存你只需在HTML文件中使用更新的css代码

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

Answer 3

尝试重命名css文件。这似乎是一个缓存问题。

Answer 4

在你设置这些样式之后或者在javascript中，似乎样式已被覆盖在其他地方。我建议你使用firebug或chrome检查工具来搞清楚。

您也可以尝试使用!important属性：

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

Css属性更改没有响应

4 个答案: