"pseudo"在CSS中是什么意思？

Question

当我阅读有关 CSS 和 HTML 的内容时，我忽略了伪元素这个词。

对于伪的含义，我还没有找到一个很好的简短解释。有人可以给我解释一下吗？

Answer 1

Supposed or purporting to be but not really so; false; not genuine:

—https://en.oxforddictionaries.com/definition/pseudo-

伪元素是类似于元素的东西，但不是元素。

Answer 2

一句话，"fake"。

可以在此处找到更完整的定义：http://www.dictionary.com/browse/pseudo

Answer 3

伪元素允许您为元素的特定部分设置样式。伪元素的一些例子是：

• ::after
• ::before

这些特定的允许您在元素之前或之后添加样式。

例如：

.test {
    background-color: gray;
}

.test::after {
    content: ' some more text';
    color: red
}

<div class='test'>
    testing...
</div>

在这里，我们正常设置 .test 元素的样式

BUT，然后我们使用伪元素选择器 ::after 在 after 添加更多一点让我们添加更多文字并更改颜色。

您可以在 https://developer.mozilla.org/en/docs/Web/CSS/Pseudo-elements

阅读更多内容并查看更多示例

Answer 4

伪元素是 CSS 生成的非 DOM 元素，在浏览器中呈现为如同 DOM 元素一样。但它实际上并没有向 DOM 添加节点。因此，如果您在 Chrome Dev Tools 中检查它，您将不会将其视为常规节点。

有趣的是，一些屏幕阅读器会阅读伪元素内容，而另一些则不会。