CSS在<;之间添加逗号;dd>;s 迄今为止最好的尝试

CSS在<;之间添加逗号;dd>;s 迄今为止最好的尝试,css,pseudo-element,Css,Pseudo Element,dd{显示:内联;边距:0;} dd+dd::之前{ 内容:",",; } 一个 一 二 三 两个 一 二 三 元素之间的间距由父元素的字体大小决定。内联元素尊重标记中的空白 要删除此项,请将父元素的字体大小设置为0,然后重置子元素的字体大小。有关替代方法,请参见 dl{ 字号:0; } dd,dt{ 字体大小:16px; } dd{ 显示:内联; 保证金:0; } dd+dd::之前{ 内容:",",; } 一个 一 二 三 两个 一 二 三 您可以对ems中的伪元素应用负左边距-0.2

dd{显示:内联;边距:0;}
dd+dd::之前{
内容:",",;
}

一个
一
二
三
两个
一
二
三

元素之间的间距由父元素的
字体大小决定。内联元素尊重标记中的空白

要删除此项,请将父元素的
字体大小设置为
0
,然后重置子元素的
字体大小。有关替代方法,请参见

dl{
字号:0;
}
dd,dt{
字体大小:16px;
}
dd{
显示:内联;
保证金:0;
}
dd+dd::之前{
内容:",",;
}

一个
一
二
三
两个
一
二
三

您可以对
em
s中的伪元素应用负左边距<代码>-0.2em
似乎工作正常:

dd,dt{
字体:16px verdana;
}
dd{
显示:内联;
保证金:0;
}
dd+dd::之前{
内容:",",;
左边距:-0.2米;
}

一个
一
二
三
两个
一
二
三

在元素前面加上“
”,“
”在我看来是错误的。Imho应该在元素之后,但当然不是在最后一个元素上

接下来,首先删除空间,然后再添加,这对我来说有点奇怪

让空格保持原样,只需在元素后使用
::after
添加一个逗号,怎么样

您遇到的问题是,最后一个元素仍然包含逗号,但您对浮动在某处的
没有任何问题,而且作为奖励,它位于它应该位于的位置

所以基本上你不希望最后一个元素匹配。幸运的是,我们有一些东西可以用。 通过使用,可以将所有元素作为目标,但括号内使用的选择器除外

dd,dt{
字体:16px verdana;
}
dd{
显示:内联;
保证金:0;
}
dd:不(:类型的最后一个)::之后{
内容:",",;
}

一个
一
二
三
两个
一
二
三

您还可以删除HTML元素之间的空格,如下所示:
。这是因为元素有一个(默认)
display
inline
inline block
,它添加了这些空格。@mnsth是的--这就是我链接到我的另一个答案的原因--以修复空白::最后一个孩子在这里不工作。注意第一个“三”后面的逗号。需要某种兄弟选择器才能工作。是的,你说得对。奇怪的是我错过了。最简单的解决办法是将它们分组。我修改了代码以反映这一点。