Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我能';似乎没有重命名/更改某些CSS类_Html_Css - Fatal编程技术网

Html 我能';似乎没有重命名/更改某些CSS类

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

好的,我对CSS3还很陌生。我有以下代码:

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