<p><a href="#">这是一段文字</a></p>
<p><a href="#"><img src="#"></a></p>
对于上面的这个HTML格式,我想实现这样的需求:
如果
<a>
内是文字,则设置a::before
的样式,如果
<a>
内是图片,则不设置
如何才能实现呢?
如果是我的话,我会给有图片的和有文字的a链接不同的样式名,然后就可以写了。
宝贝~你写淘宝左菜单呢吧?给你换个思路;
<html>
<style>
a:before{
display: inline-block;
width:1rem;
height:1rem;
content:"";
background-color: #900;
}
a>img{
width:10rem;
height:1rem;
background-color: #090;
display:inline-block;
margin-left:-1rem;
}
</style>
<body>
<p><a href="#">这是一段文字</a></p>
<p><a href="#"><img src="#"></a></p>
</body>
</html>