Css样式: 能够对一个标签内的两段文字分别设样式?

<td class="x-unselectable x-calendar-header-cell" data-index="0" data-date="2021-08-05" data-day="4">05 周四</td>

上面是一个Html标签,里面的内容是【05 周四】, 现在想给这个【05】设置一种样式,【周四】设置一种样式,技术上能够实现?

那得加上dom元素。然后给类名设置

.num{
 color:red;
}
<td class="x-unselectable x-calendar-header-cell" data-index="0" data-date="2021-08-05" data-day="4"><span class="num">05</span> 周四</td>

<td class="x-unselectable x-calendar-header-cell" data-index="0" data-date="2021-08-05" data-day="4"><span style="color:red;">05</span> <span style="color:green;">周四</span></td>