css - 如何设置不包含特定元素的元素的样式

Question

我有一个包含文本和图像的菜单系统。我的图像比文本稍大(高度)，并且想为其中不包含图像的元素添加更多的边距空间。我该怎么做呢？我的 HTML 看起来像这样:

<div id = "menu2">
  <div>
    <a href = "index.php">
      <img src = "images/home.png" alt = "Home" title = "Home"/>
    </a>
    <a href = "#">
      Menu_Item_1
    </a>
    <a href = "#">
      Menu_Item_2
    </a>
  </div>
</div>

在我的例子中，我想为没有图像子元素的元素设置样式(使用 css/css3)。

Answer 1

您可以将 line-height 应用于您的链接:

line-height: 50px;

50px 取决于您的图像高度。

Fiddle