Html 我能';似乎没有重命名/更改某些CSS类
好的,我对CSS3还很陌生。我有以下代码:Html 我能';似乎没有重命名/更改某些CSS类,html,css,Html,Css,好的,我对CSS3还很陌生。我有以下代码: <div class="Mat-Shadow-Box-Text"> <div class="Mat-Shadow-Box-TextBleu2"> MyText </div> </div> 现在我的100美元问题是:为什么当我更改标记中的类名时,它不起作用?(该边框不显示在网页上)。此外,我还尝试将.Mat-Shadow-Box-TextBleu2重命名为.Ma
<div class="Mat-Shadow-Box-Text">
<div class="Mat-Shadow-Box-TextBleu2">
MyText
</div>
</div>
现在我的100美元问题是:为什么当我更改标记中的类名时,它不起作用?(该边框不显示在网页上)。此外,我还尝试将.Mat-Shadow-Box-TextBleu2重命名为.Mat-Shadow-Box-Text2(在CSS类和DIV代码中),但也不起作用
所以,总而言之,我的原始代码工作得很好,但我不能在第二个DIV标记中重命名或更改为另一个类。注意,我的第一个DIV类没有这个问题。我可以重命名.Mat阴影框文本或指向不同的类,效果很好
干杯 在dev中,将后端代码、CSS或HTML更改为始终Ctrl+F5以刷新浏览器以强制其再次从服务器获取所有内容后,这始终是一个良好的做法。这似乎就是你在这里发生的事情。CSS的变化尤其明显。对我来说效果很好->也许你在其他地方(HTML或CSS)有影响?我必须刷新网页,就是这样(为什么给我答案的人删除了它?)。CSS似乎由浏览器缓存。您是否尝试清除浏览器缓存?这种情况经常发生在我身上,即使我将浏览器设置为在每次访问页面时下载新内容。FWIW,您应该使用更多的语义类名来描述元素是什么,而不是您希望它是什么样子。
.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;
}