CSS代碼不會在同一時間

我有這樣的CSS代碼賦予一個圖片的透明度問題，請參見下面的代碼：CSS代碼不會在同一時間

CSS1：

.hover：懸停{不透明：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都爲他們工作？

來源

2014-09-24 RiMa

您如何包含CSS？ – icabod 2014-09-24 16:27:55

你是什麼意思？我正在使用一個css插件的WordPress的，如果這是你問。 – RiMa 2014-09-24 16:28:40

可能CCS2會覆蓋CSS1，因爲您在HTML代碼中將CSS1添加到CSS1之後。如果您想避免重寫，請將它們合併到一個CSS文件中，並確保您的選擇器是唯一的，相反，您將重新覆蓋

來源

2014-09-24 16:34:24 Sasa

嗨沙沙，我只是改變了立場，現在它工作正常。感謝您的解決方案。順便說一句，他們在同一css :) – RiMa 2014-09-24 16:37:13

CSS代碼不會在同一時間

回答

相關問題