CSS:not(:last-child):after选择器

我有一个元素列表，它的样式是这样的:

ul { list-style-type:没有; text-align:中心; ｝李{ 显示:内联; ｝李:不(胎):{ 内容:“|”; ｝ < ul > <李>一个李< / > <李>两个李< / > <李> 3 < /李> <李>四个李< / > <李> 5李< / > < / ul >

有人知道CSS如何选择除最后一个元素以外的所有元素吗?

你可以在这里看到:not()选择器的定义

当前回答

你写的例子在Chrome 11完美地为我工作。也许你的浏览器不支持:not()选择器?

您可能需要使用JavaScript或类似的工具来实现这种跨浏览器的功能。jQuery在它的选择器API中实现:not()。

其他回答

如果not选择器有问题，你可以设置所有的选项并覆盖最后一个选项

li:after
{
  content: ' |';
}
li:last-child:after
{
  content: '';
}

或者如果你可以使用before，不需要最后一个孩子

li+li:before
{
  content: '| ';
}

你写的例子在Chrome 11完美地为我工作。也许你的浏览器不支持:not()选择器?

您可能需要使用JavaScript或类似的工具来实现这种跨浏览器的功能。jQuery在它的选择器API中实现:not()。

一个使用CSS的例子

  ul li:not(:last-child){
        border-right: 1px solid rgba(153, 151, 151, 0.75);
    }

删除last-child之前的:和used之后的:

ul > li:not(:last-child):after {
   border-bottom: none !important;
}

删除last-child之前的:和used之后的:

 ul li:not(last-child){
 content:' |';
}

希望它能起作用

推荐文章