在Jade有2个不同的班级1行

Question

我有以下代码

td(class="fieldText") Others Please Specify

我想在Please Specify上添加不同的风格。

我如何能够在一行中完成这项工作？

Answer 1

您可以使用<span>元素执行此操作：

.fieldText {
  font-size:10px
}

.otherText {
  font-size:50px
}

<!--

Jade/pug:

td(class="fieldText") Others 
  span(class="otherText") Please Specify


which outputs as:
-->

<td class="fieldText">Others <span class="otherText">Please Specify</span></td>