我无法为 div 赋予特定的样式。让我解释一下：我使用 2 个 div 用于 webapp，第一个是像 IOS 一样的弹出通知，另一个只是加入页面的图像，其中很少有产品更新（所以每个 -当我更新产品时，它会在图像角落附近显示一个弹出通知）。
我遇到的问题是我不得不使用padding-top: -28px将弹出 div#popupContact和图像 div.imatges3与其他图像对齐。当您单击弹出 div（或在图像中）时，它会消失，并且图像 div 会向上移动一点，确实停留在同一位置（因为 div 消失并继续应用 padding-top）。
有什么方法可以为 div 赋予不同的 CSS 值，具体取决于它是否隐藏了另一个 div？（根据主 div 是否消失，给出另一个值）
谢谢。
例子：
<div class="imatges3" id="pop"><div id="popupContact"><span class="boton">3</span></div>
<a href="actualizacion.html">
<img src="actprod.png" alt="Product Updates" border="0">
</a>
</div>
和CSS
.imatges3 {
float: left;
width: 100px;
margin-left: 4px;
margin-right: 2px;
margin-top: -28px;
}
#popupContact{
display:none;
height:20px;
width:20px;
z-index:200;
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #ffffff;
padding: 0px 0px;
position: relative;
top:30px;
left:75px;
}