CSS中的“伪”是什么意思？ [复制]答案

【问题标题】：What does "pseudo" mean in CSS? [duplicate]CSS中的“伪”是什么意思？ [复制]
【发布时间】：2017-05-07 10:26:06
【问题描述】：

当我读到 CSS 和 HTML 时，我跨越了伪元素这个词。

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

【问题讨论】：

所以你搜索了谷歌却一无所获？我觉得这很难相信。
@j08691 稍微阅读一下这个问题......我很确定这里的问题是理解这个定义在这种情况下是如何应用的。
@j08691 当然，从这个人的问题来看，这个人至少阅读了其中一些资料，但仍然不明白。有时在这些基本的问题上，特别是当有语言障碍时，很难有人开始。虽然这对于典型的 Stack Overflow 问题来说有点薄，但当您考虑这里的完整上下文时，它是完全有效且切合主题的。
一开始是一般的伪代码，但现在当我明白什么是伪代码时，我很难理解为什么是伪元素。
@Santi 是的，你是对的。该标签一直是不必要的。但是，问题的目的是找出伪的含义，但其他用户自行将 OP 的示例变成他的主要关注点，我认为这不太正确。

【解决方案1】：

假定或声称是但实际上并非如此；错误的;不是正品：

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

【讨论】：

【解决方案2】：

一句话，“假”。

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

【讨论】：

【解决方案3】：

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

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

例如：

.test {
    background-color: gray;
}

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

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

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：