请问同一行text文本中可以有2种不同的样式吗?

比如这种的 我想:左边是一种样式,右边是另一种样式。有什么方法可以做到吗?

比如这种的 我想:左边是一种样式,右边是另一种样式。有什么方法可以做到吗?
<view class="box">
<text></text>
<text></text>
</view>
.box {
width: 100%;
display: flex;
just-content: space-between;
}
.box text:nth-of-type(1) {
color: blue
}
.box text:nth-of-type(2) {
color: red
}