Html 隐藏图像及其覆盖

我有一个图像，只有当它的ALT属性中有一些内容时才会出现。这在以下情况下效果良好：

  img.video[alt=""] {
    display:none;
    height:0px;
}

然而，我希望图像也有一个覆盖，也将出现。。。覆盖层是一个播放按钮，但它保持不变

          <li>
            <img class="video" src="<?php echo $row_rs_dealItem['imagemain']; ?>" alt="<?php echo $row_rs_dealItem['video']; ?>">
              <img id="videoLogo" src="images/video.png"/>
            </img>
          </li>

“alt=”“>

有没有更好的办法解决这个问题

---

谢谢大家

当需要隐藏内容时（如果您的案例中没有alt文本），尝试向父li添加一个类。然后使用CSS显示/隐藏您喜欢的元素。

是的，有，您必须使用选择器，因为img元素不能有子元素

HTML：

<li>
    <img class="video" src="..."   alt="...">
    <img class=v src="images/video.png">
 </li>

img.video[alt=""], img.video[alt=""] + img.v {
    display:none;
    height:0px;
}