2012-01-04 21 views
1

好吧,我对CSS3很新。我有这个代码:我似乎无法重命名/更改一些CSS类

<div class="Mat-Shadow-Box-Text"> 
    <div class="Mat-Shadow-Box-TextBleu2"> 

     MyText 

    </div> 
</div> 

这很好。但后来我想为Mat-Shadow-Box-Text2更换Mat-Shadow-Box-TextBleu2。相同的CSS类复制/粘贴0更改(想要在更改任何内容之前进行测试)。

.Mat-Shadow-Box-Text 
{ 
    margin: 0px 0; 
    border-radius: 20px; 
    box-shadow: 10px 10px 20px #888;  
    behavior: url(ie-css3.htc); 
} 

.Mat-Shadow-Box-TextBleu2 
{ 
    border-radius: 20px; 
    border-width: 3px; 
    border-style: solid; 
    border-color: #888; 
    padding-left: 18px; 
    padding-bottom: 15px; 
    padding-top: 15px; 
} 

.Mat-Shadow-Box-Text2 
{ 
    border-radius: 20px; 
    border-width: 3px; 
    border-style: solid; 
    border-color: #888; 
    padding-left: 18px; 
    padding-bottom: 15px; 
    padding-top: 15px; 
} 

现在我的100 $问题是:为什么当我改变我的标记中的类名称,它不工作? (边框不会出现在网页上)。此外,我尝试通过.Mat-Shadow-Box-Text2(在CSS类和DIV代码中)重命名.Mat-Shadow-Box-TextBleu2,它也不起作用!因此,总结一下,我的原始代码工作正常,但我不能重命名也不能更改为我的第二个DIV标记中的另一个类。请注意,我的第一个DIV类没有这个问题。我可以重新命名.Mat-Shadow-Box-Text或指向不同的类,它可以正常工作。

干杯!

+0

适合我 - > http://jsfiddle.net/gFUBu/1/也许你有别的地方(HTML或CSS)那影响它? – ManseUK 2012-01-04 14:01:41

+0

那么我不得不刷新网页,就是这样(为什么给了我答案的人删除了它?)。看起来像CSS由浏览器缓存。 – Mathieu 2012-01-04 14:04:43

+2

您是否尝试清除浏览器缓存?这发生在我身上,即使我设置浏览器在每次访问页面时都下载新内容。 – Tim 2012-01-04 14:05:32

回答

2

当开发其总是在不断变化的后端代码,CSS,HTML或后一个很好的做法,始终按Ctrl + F5刷新浏览器,迫使它再次从服务器得到的一切。这似乎是你在这里发生的事情。它尤其引人注意的CSS变化。

相关问题