在網站開發中，CSS 起到了至關重要的作用，其中一個十分常用的功能就是它可以讓開發者為列表添加提示文字。

ul li:before {
content: attr(data-text);
color: gray;
margin-right: 6px;
}

我們來解析一下上述代碼。首先，我們給 ul 標簽下的所有 li 標簽添加了一個偽元素:before，然后使用 content 屬性為其添加文本內容，這里我們使用了一個 attr 函數，意思是將標簽上的自定義屬性 data-text 的值作為文本內容。接下來，我們添加了一個顏色屬性，將提示文字的顏色設置為灰色，最后設置了一個 margin-right 屬性，使提示文字與列表項有一定的距離。

需要注意的是，以上代碼只適用于沒有嵌套列表的情況，如果列表中包含子列表，則需要對 CSS 代碼進行一些調整。此外，我們也可以根據需求自定義提示文字的樣式，并使用不同的偽元素進行添加，例如使用 :after 偽元素將提示文字添加在列表項的末尾。

總之，CSS 提供了很多功能強大的選擇器和屬性，其中為列表項添加提示文字只是其中一項常見的應用。熟練掌握 CSS，可以讓我們在網站開發中事半功倍。