Question

我有这个css代码，它给出了一个不透明的图片，请参阅下面的代码：

CSS1：

.hover：hover {opacity：0.8;}

HTML1：

<a href="http://www.byggprojektoren.se"> 
<img class="hover" src="http://byggprojektoren.se/wp-content/uploads/2014/09/HomepagePic.jpg"/> 
</a>

但上面的CSS与以下代码冲突：

CSS2：

.medarbetare-img {
width: 180px;
height: 100px;
margin-bottom: 5px;
margin-top: 16px;

HTML2：

<div class="medarbetare-img" style="background:url(http://byggprojektoren.se/wp-content/uploads/2014/09/R2.jpg) center top no-repeat;">
                    </div>

当我删除CSS2时，CSS1工作正常。但是当两者都存在时，CSS1会以某种方式被覆盖。有没有人知道如何重写这两个CSS才能发挥作用？

Answer 1

可能CCS2会覆盖CSS1，因为您在HTML代码中将CSS1添加到CSS1之后。如果你想避免覆盖，将它们合并到一个CSS文件中，并确保你的选择器是唯一的，相反，你将重新覆盖

CSS代码不能同时工作

1 个答案: