如何在内联列表元素之间添加冒号(:)?

时间:2012-02-27 08:14:56

标签: css

是否还要在内联列表元素之间添加冒号?

示例:

  

主页:博客:联系

3 个答案:

答案 0 :(得分:1)

您可以使用:aftercontent

/* add : after each li */
#ul li:after{
  content:":"
}  

/* remove from last one */
#ul li:last-child:after{
  content:""
}

Working Example

答案 1 :(得分:1)

正确的方法是这些

ul li:not(:last-child):after{
  content:":"
}

答案 2 :(得分:1)

您只能使用一个规则,之前添加:,从第二个元素开始。

li + li:before {
  content  : ":";
  /* add padding around */
}