我用Java制作了一个聊天应用程序,并使用javascript、HTML和CSS作为前端。对于该应用程序,您可以发送公共或私人消息。javascript从文本框中获取消息并将其发送到服务器,服务器随后从中生成一条HTML消息并将其作为呈现的文章返回。
我希望公共消息和私人消息以不同的颜色显示,这样就很容易区分它们。
这是调用来呈现公共消息的函数:
private static String createHtmlMessageFromSender(String sender, String message) {
return article(
b(sender + " says:"),
span(attrs(".timestamp"), new SimpleDateFormat("HH:mm:ss").format(new Date())),
p(message)
).render();
}
这个函数被调用来呈现一条私有消息:
private static String createHtmlMessageFromSenderPrivate(String sender, String message) {
return article(
b(sender + " says to you:"),
span(attrs(".timestamp"), new SimpleDateFormat("HH:mm:ss").format(new Date())),
p(message)
).render();
}
我对HTML和CSS非常陌生。私有和公共消息都以“文章”的形式呈现,并放入一个名为“chat.‘”的div对象中。我不知道是否有可能在我的CSS文件中创建两个不同的‘版本’‘#聊天文章’,这样它就可以有一种类型的私人消息和一种类型的公共消息。这似乎是一件很常见的事情,但我找不到关于它的信息。谢谢。
发布于 2018-06-06 04:13:42
我不太喜欢Java,但是听起来你想给你要呈现的每个新节点一个类,并在CSS中设置样式,如下所示:
.firstClassName {
color: red;
}
.secondClassName {
color: blue;
}
https://stackoverflow.com/questions/50708087
复制相似问题