为什么文本缩进在其容器具有:before /:after伪元素时不起作用？(FX /歌剧)

这个问题涉及到了CSS伪元素和文本缩进的相关知识。在这里，我们将尝试回答这个问题，并提供一些相关的解决方案。

首先，伪元素是一种CSS技术，允许开发人员在不改变HTML结构的情况下，向元素添加额外的内容。:before和:after伪元素可以用来在元素的内容之前或之后插入生成的内容。

然而，文本缩进是一种CSS属性，用于控制文本的缩进。它通常用于段落或列表项，以便在文本的开头添加一定的空间。

当文本缩进与伪元素一起使用时，可能会出现问题。这是因为伪元素生成的内容可能会影响文本缩进的表现。

为了解决这个问题，可以尝试以下方法：

1. 使用display: block或display: inline-block属性将伪元素的内容设置为块级元素或行内块元素。这样可以确保伪元素的内容与文本之间有足够的空间。
2. 使用margin-left或padding-left属性为伪元素的内容添加额外的空间。这将确保伪元素的内容与文本之间有足够的空间。
3. 使用position: relative和z-index属性来调整伪元素的位置和层次关系，以确保它不会影响文本缩进。

总之，文本缩进在其容器具有:before或:after伪元素时可能不起作用，因为伪元素的内容可能会影响文本缩进的表现。为了解决这个问题，可以尝试调整伪元素的样式，以确保它不会影响文本缩进。