<p class=“text”>你好，世界！再見，世界！</p>
.text {
  color: black; /* 默認(rèn)顏色 */
}


.text:nth-of-type(1) {
  color: red; /* 第一個(gè)元素的顏色 */
}

.text:nth-of-type(2) {
  color: blue; /* 第二個(gè)元素的顏色 /
}
如果你想要的是對(duì)單個(gè)元素的文本內(nèi)容的不同部分應(yīng)用不同的顏色，可以使用CSS的偽元素::before或::after來(lái)添加額外的元素，并為它們?cè)O(shè)置顏色。
<p class=“text”>你好，世界！再見，世界！</p>
.text {
  position: relative;
  color: black; / 默認(rèn)顏色 */
}

.text::before {
  content: ‘你好，’;
  color: red; /* 第一部分顏色 */
  position: absolute;
}

.text::after {
  content: ‘！再見，世界！’;
  color: blue; /* 第二部分顏色 /
  position: absolute;
  left: 100px; / 根據(jù)內(nèi)容長(zhǎng)度調(diào)整 */
}
這個(gè)例子中，::before偽元素將會(huì)顯示紅色的文本，而::after偽元素將會(huì)顯示藍(lán)色的文本。注意，使用偽元素時(shí)可能需要通過(guò)position屬性來(lái)調(diào)整文本位置。