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{
显示:内联;
}