css - 将图像圆 Angular 应用于

Question

我使用 jQuery 插件为我的 <li> 创建了一个圆 Angular ，但它不适用于很多浏览器，并且不支持鼠标悬停。

我想知道使用 <li> 将两个图像(左 Angular 和右 Angular )用作左侧和右侧的最佳方法是什么？ .

Answer 1

我见过最常用的构造是链接内的跨度。

所以像这样:

<li><a><span>Your text here</span></a></li>    

然后您可以使用链接的悬停状态来定位跨度和链接:

a:hover{some rules here}  
a:hover span{some more rules here} 

这使它有点语义化，并且不会给页面增加太多垃圾。