LI元素的文本分隔符

我想在li元素之间添加一个正斜杠(“/”),但我不确定在语义上这样做的最佳方式。现在,我只是将正斜杠包含在li标记中,并使用非打断空格添加空格,如下所示:

<ul id=“页脚菜单”>
<李>客户支援及;nbsp&nbsp&nbsp&nbsp&nbsp/&lt/李>
<李>航运资讯及;nbsp&nbsp&nbsp&nbsp&nbsp/&lt/李>
<李>尺码表及;nbsp&nbsp&nbsp&nbsp&nbsp/&lt/李>
<李>私隐政策及;nbsp&nbsp&nbsp&nbsp&nbsp/&lt/李>
<李>联系&lt/李>
&lt/ul>

你觉得怎么样?谢谢

可以使用伪元素在元素后包含文本,也可以使用CSS3选择器从最后一个元素中删除尾部斜杠

#footer#u菜单li:after{
内容:“/”;
}
#页脚菜单li:最后一个子项:之后{
内容:“;
}

编辑:

使用更好的CSS3,整个过程可以在一条线上完成

\footer\u菜单li:n子项(n+2):之前{
内容:“/”;
}

编辑:编辑:

比那更容易

#页脚#菜单li+li:before{
内容:“/”;
}

发表评论