什么"伪" CSS中的意思?

时间:2016-12-21 21:31:59

标签: html css pseudo-element pseudo-class

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

我还没有找到关于伪意味着什么的简短解释。有人可以向我解释一下吗?

4 个答案:

答案 0 :(得分:9)

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

  • ::after
  • ::before

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

例如:



.test {
    background-color: gray;
}

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

<div class='test'>
    testing...
</div>
&#13;
&#13;
&#13;

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

BUT ,然后我们使用伪元素选择器::after在之后再添加一些,让我们添加更多文本并更改颜色。< / p>

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

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

答案 1 :(得分:6)

  

据说或声称是但并非如此;假;不是真的:

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

伪元素就像一个元素,但不是一个元素。

答案 2 :(得分:1)

总之,&#34;假&#34;。

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

答案 3 :(得分:1)

伪元素是CSS生成的非DOM元素,它被渲染为好像它是浏览器中的DOM元素。但它实际上并没有向DOM添加节点。因此,如果您在Chrome Dev Tools中进行了检查,则不会将其视为常规节点。

有趣的是,有些屏幕阅读器会读取伪元素内容,有些则不会。