Css 是否可以在表行中使用伪元素(:after,:before)?

Css 是否可以在表行中使用伪元素(:after,:before)?,css,html-table,pseudo-element,absolute,Css,Html Table,Pseudo Element,Absolute,我想将绝对定位元素添加为表行的:之后(属于:之前) 看看这个: 表格{ 边框:1px点灰色; 边界塌陷:塌陷; 边界间距:0; 运输署{ 填充:0; 保证金:0; 宽度:100px; 背景:rgba(255,0,0,0.2) } } 表a.特殊::之前{ 内容:“a”; } 表b.特殊::之前{ 内容:“a”; 显示:块; 位置:绝对位置; 右:10px; } 表c.特殊::之后{ 内容:“a”; 显示:块; 位置:绝对位置; 右:10px; } 表d.特别餐后{ 显示:块; 位置:绝对位置;

我想将绝对定位元素添加为表行的
:之后(属于
:之前)

看看这个:
表格{
边框:1px点灰色;
边界塌陷:塌陷;
边界间距:0;
运输署{
填充:0;
保证金:0;
宽度:100px;
背景:rgba(255,0,0,0.2)
}
}
表a.特殊::之前{
内容:“a”;
}
表b.特殊::之前{
内容:“a”;
显示:块;
位置:绝对位置;
右:10px;
}
表c.特殊::之后{
内容:“a”;
显示:块;
位置:绝对位置;
右:10px;
}
表d.特别餐后{
显示:块;
位置:绝对位置;
右:10px;
排名:0;
}

1.
2.
3.
1.
2.
3.

1. 2. 3. 1. 2. 3.
1. 2. 3. 1. 2. 3.
1. 2. 3. 1. 2. 3.
1. 2. 3. 1. 2. 3. A.
在本例中,您使用
::after
::before
伪元素在表行之后或之前添加内容,这实际上会破坏表布局并导致不可预测的结果

如果将生成的内容添加到表格单元格中,结果会更加一致

除了生成内容的原始规范外,没有太多可参考的内容:

此外,请记住,CSS呈现引擎在创建表时会生成匿名框:

但是,由于生成的内容不是DOM的一部分,所以整个表呈现过程可能无法以合理的方式处理额外的伪元素

您正在钻研一个没有很好指定的领域,任何支持都是特定于浏览器的


根据布局要求,可能需要使用JavaScript或jQuery将表的DOM更改为所需效果。

使用第一个表单元格而不是行作为绝对定位伪元素的宿主

row > td:first-child::before {
  content: '';
  position: absolute;
  .
  .
}

这是一个有趣的问题,但不清楚您试图对布局做什么。你能详细说明一下吗?谢谢。下面是你的回答。我会看看在那里能找到什么。我用解决方案和初始问题更新了问题。请检查一下。脚本似乎工作得很好,绝对是正确的方法。