内容的用途是什么：“”;？

Question

此代码中内容“：”的用途是什么？

我正在尝试使用不透明性在css3中使背景图像透明。没有直接的方法，但这可以完成工作。但是我不明白这里内容的使用。

body::after{
    content: "";
    background: url(image.jpg); 
    opacity: 0.4; 
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed; 
    z-index: -1; 
}

Answer 1

您正在使用Pseudo-Element。

如果您添加了content: "123";，则会将该内容添加到页面中。如果您省略了content: "";，它将恢复为默认值content: none;（实际上，默认值是正常的，对内容而言没有任何转换），这意味着没有样式可言，其他所有内容都将被忽略。

这里是more info on generated content。