如何设置不包含某个元素的元素

我有一个包含文本和图像的菜单系统。我的图像比文本稍大（高度），并且想要为其中不包含图像的元素添加更多的边距空间。我会怎么做呢？我的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）没有图像子元素。

来源

2014-05-18 Vince

如果可以添加类到包含图像元素（例如类=“具有-IMG”），则可以使用：不伪选择器是这样的：一个：否（。有-img） https://developer.mozilla.org/en/docs/Web/CSS/:not – Vel

您可以申请line-height到链接：

line-height: 50px;

凡50px取决于你的形象的高度。

Fiddle

来源

2014-05-18 16:27:30

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


<style> 
#menu2 a .ses{ 
color:#f2f2f2;// whatever you want.. 
} 
</style>

来源

2014-05-18 18:26:54 AlokMaurya

如何设置不包含某个元素的元素

回答

相关问题