CSS:仅在没有内部<img>的<a>上应用样式

我想将样式应用于列表中的悬停链接,但前提是元素内部没有图像.

  

    
google
    

  

和我的css:

div#leftcolumn ul a:hover{ 
  background-color: #F8F8F8; 
  color: Black; 
  border-bottom: 1px solid Black; 
}

我试过这个css,但无济于事:

div#leftcolumn ul a:hover < img{ 
  background-color: #F8F8F8; 
  color: Black; 
  border-bottom: 1px solid Black; 
}

这是jsfiddle

您不能在CSS中基于元素的子元素来设置样式，可以做的是为保存图像并防止样式设置的标签分配一个特殊的类：

      

        
google
        

      


div#leftcolumn ul a:not(.withImage):hover{ 
  background-color: #F8F8F8; 
  color: Black; 
  border-bottom: 1px solid Black; 
  border-top: 1px solid black; 
}