HTML/CSS:如何为不同类型的文章制作“文章”的多个“版本”
HTML/CSS:如何为不同类型的文章制作“文章”的多个“版本”
提问于 2018-06-06 04:02:51
我用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文件中创建两个不同的‘版本’‘#聊天文章’，这样它就可以有一种类型的私人消息和一种类型的公共消息。这似乎是一件很常见的事情，但我找不到关于它的信息。谢谢。
回答 1
Stack Overflow用户
发布于 2018-06-06 04:13:42
我不太喜欢Java，但是听起来你想给你要呈现的每个新节点一个类，并在CSS中设置样式，如下所示：
.firstClassName {
color: red;
}
.secondClassName {
color: blue;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50708087
复制相关文章
相似问题
腾讯云开发者
