Html 选择除最后一个列表元素外的所有元素

Html 选择除最后一个列表元素外的所有元素,html,css,css-selectors,Html,Css,Css Selectors,我有一个要水平显示的标签列表。现在,对于每个,但最后一个,我想在项目后面添加一个, 现在,我当然可以做到: ul.tags { list-style: none; } ul.tags > li { display: inline; } ul.tags > li:after { content: ", "; } ul.tags > li:last-of-type:after { content: ""; } 现在我考虑合并最后两条规则,比如

我有一个要水平显示的
标签列表。现在,对于每个
  • ,但最后一个,我想在项目后面添加一个

    现在,我当然可以做到:

    ul.tags {
        list-style: none;
    }
    
    ul.tags > li {
        display: inline;
    }
    
    ul.tags > li:after {
        content: ", ";
    }
    
    ul.tags > li:last-of-type:after {
        content: "";
    }
    
    现在我考虑合并最后两条规则,比如:

    ul.tags > li:not(ul.tags > li:last-of-type):after {
        content: ", ";
    }
    

    但这是行不通的。除了最后一个
  • 之外,我如何选择所有内容?

    您所需要的只是
    :not
    中类型的
    :last(如下面的代码片段中所示)。作为论据

    下面是关于简单选择器的说明:

    简单选择器可以是类型选择器、通用选择器、属性选择器、类选择器、ID选择器或伪类

    ul.tags>li:not(:类型的最后一个):之后{
    内容:“,”;
    }
    ul标签{
    列表样式:无;
    }
    ul.tags>li{
    显示:内联;
    }
    • 一,
    • 二,
    • 三,
    • 四,