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

Question

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

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

Answer 1

那得加上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>