如何在html div中显示css文本

Question

我试图在notice课程中显示信息。

我尝试添加content:，但这不起作用。

.notice {
color:red;
content: "information below are instructions for this method for this page";
}

<div class="notice"></div>

我想知道content中的文字是否可以显示在div中？每当我调用notice类时，我想要显示notice类中的内容。我需要执行大约40个页面，而有些人可能只需在所有页面中键入它，但information中的content更改。

他们是用css做的吗？

Answer 1

content属性仅适用于:after和:before psuedo类，例如尝试：

.notice {
color:red;
}
.notice:after{
content: "information below are instructions for this method for this page";
}

<div class="notice"></div>

请参阅this fiddle

也就是说，CSS应该保留样式而不是内容 - 应该在HTML中输出，并且由您正在使用的任何服务器技术（例如PHP，Python）或JS桥控制。

Answer 2

我认为我的情况是最好为PHP if制作notice声明。这将是非常有用的