首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML/CSS:如何为不同类型的文章制作“文章”的多个“版本”

HTML/CSS:如何为不同类型的文章制作“文章”的多个“版本”
EN

Stack Overflow用户
提问于 2018-06-06 04:02:51
回答 1查看 212关注 0票数 0

我用Java制作了一个聊天应用程序,并使用javascript、HTML和CSS作为前端。对于该应用程序,您可以发送公共或私人消息。javascript从文本框中获取消息并将其发送到服务器,服务器随后从中生成一条HTML消息并将其作为呈现的文章返回。

我希望公共消息和私人消息以不同的颜色显示,这样就很容易区分它们。

这是调用来呈现公共消息的函数:

代码语言:javascript
复制
   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();
    }

这个函数被调用来呈现一条私有消息:

代码语言:javascript
复制
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文件中创建两个不同的‘版本’‘#聊天文章’,这样它就可以有一种类型的私人消息和一种类型的公共消息。这似乎是一件很常见的事情,但我找不到关于它的信息。谢谢。

EN

回答 1

Stack Overflow用户

发布于 2018-06-06 04:13:42

我不太喜欢Java,但是听起来你想给你要呈现的每个新节点一个类,并在CSS中设置样式,如下所示:

代码语言:javascript
复制
.firstClassName {
    color: red;
}

.secondClassName {
    color: blue;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50708087

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档