在CSS中，文本下劃線通常是通過(guò)text-decoration屬性來(lái)添加的，如果你想讓文本下劃線與文本一起變色，你可以嘗試使用text-decoration-color屬性來(lái)設(shè)置下劃線的顏色，以下是一個(gè)示例：

span {
  text-decoration: underline;
  text-decoration-color: blue;
}

在這個(gè)示例中，text-decoration: underline; 添加了一個(gè)下劃線到文本中，而text-decoration-color: blue; 則將下劃線的顏色設(shè)置為藍(lán)色，這樣，文本下劃線就會(huì)與文本一起變色，無(wú)論文本是什么顏色，下劃線都會(huì)保持藍(lán)色。

如果你想讓下劃線與文本的顏色相同，你可以嘗試使用var() 函數(shù)來(lái)引用文本的顏色：

span {
  text-decoration: underline;
  text-decoration-color: var(--text-color);
}

在這個(gè)示例中，var(--text-color) 引用了一個(gè)名為--text-color的CSS變量，該變量的值通常會(huì)在其他地方被設(shè)置，這樣，下劃線的顏色就會(huì)與文本的顏色相同。

text-decoration-color屬性可能不被所有瀏覽器支持，在使用之前，請(qǐng)確保你的目標(biāo)瀏覽器支持該屬性，如果不支持，你可能需要使用其他方法來(lái)實(shí)現(xiàn)文本下劃線的變色效果。