Html 在CSS中设置伪元素维度

我目前正在尝试设置：before伪元素宽度，以匹配元素本身的尺寸（在本例中为锚定标记），目的是创建覆盖整个元素的覆盖。为了演示，对于这个例子，我将考虑谷歌的网页演示：

a.gb\u g:：之前{
背景色：rgba（255,0,0,0.2）；
位置：绝对位置；
内容:"你好",；
显示：块；
位置：绝对位置；
}

---

这对你有用吗？添加位置：相对于元素，宽度：100%到伪元素为我解决了这个问题

a.gb\u g:：之前{
背景色：rgba（255,0,0,0.2）；
位置：绝对位置；
内容:"你好",；
显示：块；
位置：绝对位置；
宽度：100%；
}
a、 国标{
位置：相对位置；
}

---

不确定这是否正是您想要的，但您可以为实际元素添加“位置：相对”，然后为：：before添加“宽度：100%”。您可以使用“溢出：隐藏”和“空白：nowrap”来完全包含伪元素

a.gb\g{
位置：相对位置；
}
a、 gb_g：：以前{
背景色：rgba（255,0,0,0.2）；
位置：绝对位置；
内容：“叠加文本长”；
颜色：白色；
显示：块；
宽度：100%；
溢出：隐藏；
空白：nowrap
}

原文如下

理想情况下，我希望这样做不会对元素的position属性进行任何更改，因为这会影响网页中某些元素的布局。这就是为什么我试图在可能的情况下更改伪元素本身的宽度。正如下面的评论中所述，理想情况下，我希望在不更改元素的position属性的情况下工作，因为这会影响网页中某些元素的布局。这就是为什么我试图在可能的情况下更改伪元素本身的宽度。向要使用此伪覆盖的元素添加一个额外的类，并将该位置应用于该额外的类。那么它将不会影响任何其他元素。我的意思是，“position:relative”将影响应用它的元素的位置，这是不可取的。我将这个伪元素样式应用于已经存在的网页，因此我无法控制网页中其他CSS样式的布局。因此，我需要一个解决方案，这样我的更改将不会破坏现有网页的布局。@position:relative on links将如何影响布局？您需要将伪元素的包含块设置为链接，否则将不可能。同意。是的，将所有链接的position属性更改为relative会破坏布局的某些部分，我已经尝试过了。如果这不是一个问题，我会选择建议的解决方案。基本上，我有一个固定的网页布局（我无法控制现有的样式），我想突出显示网页的某些部分（包括一些链接）。因此，我想要一个对现有页面布局影响最小的解决方案@TemaniAfif。您确定要使用此原则突出显示吗？如果您的目标是只突出显示，为什么不为元素添加背景色呢？也尝试过，但是不同的元素填充/边距导致突出显示不一致（不是很整洁）。我也考虑过使用背景图像的方法，但这也不适用于所有情况。话虽如此，任何其他想法都欢迎@Mahatman。