如何将两个 CSS 规则添加到一个 html 元素答案

【问题标题】：How do I add two CSS rules to one html element如何将两个 CSS 规则添加到一个 html 元素
【发布时间】：2017-11-21 17:35:41
【问题描述】：

 <p class="smallText">{{vehicleItem.registration}}, {{vehicleItem.colour}} {{vehicleItem.make}} {{vehicleItem.model}}</p>

我想将车辆注册和型号大写，并且应该是驼峰式

【问题讨论】：

请查看如何提问以确保您能得到适当的答复：stackoverflow.com/help/how-to-ask
我已经编辑了问题@BobbySpeirs
提供您的代码

标签： html css angular2-template

【解决方案1】：

我会建议包装注册并使用包含不同类的跨度进行制作，例如

<p><span class="capitalize">{{vehicleItem.registration}}, {{vehicleItem.colour}} <span class="camel-case">{{vehicleItem.make}} </span> {{vehicleItem.model}}</p>

这样，您将“两个”css 规则添加到一个元素。我还建议您使用 Javascript 实现驼峰式风格。

【讨论】：

【解决方案2】：

您可以在 HTML 标记中写入任意数量的类，从而应用任意数量的 CSS 规则。示例：

<p class="smallText myclass_1 myclass_2">

【讨论】：

【解决方案3】：

我对 Angular 没有经验，但您应该能够使用不同的功能，例如

capitalizeFirstLetter(vehicleItem.registration)

和骆驼（vehicleItem.model）

Converting any string into camel case

How do I make the first letter of a string uppercase in JavaScript?

【讨论】：