在Web開發中，我們經常需要對數字進行千分位的顯示，以便更好地展示數據。在CSS中，我們可以使用偽元素和屬性選擇器來實現這一目的。

/* 以數字1,234,567為例 */
/* 使用偽元素和attr()函數 */
.number::after {
content: attr(data-num);
font-size: 24px;
font-weight: bold;
color: red;
}/* 使用屬性選擇器和正則表達式 */
.number[data-num]:after {
content: attr(data-num);
font-size: 24px;
font-weight: bold;
color: red;
}

使用偽元素和attr()函數時，我們需要在HTML中使用data屬性將帶有千分位符號的數字傳遞給CSS，然后利用::after偽元素和content屬性來顯示該數據。這種方法的優點是比較簡單，但缺點是必須在HTML中使用額外的data屬性。

相比之下，使用屬性選擇器和正則表達式的方法則更加靈活，因為我們可以直接在HTML中寫入原始的數字，然后通過CSS來格式化它。該方法的思路是，利用attr()函數將HTML中的數字傳遞給CSS，并利用正則表達式將其轉換為帶有千分位符號的字符串。這樣就可以輕松地實現數字的千分位顯示，而無需在HTML中使用額外的屬性。

.number[data-num]:after {
content: attr(data-num);
font-size: 24px;
font-weight: bold;
color: red;
}
/* 使用正則表達式將數字轉換為帶千分位符號的字符串 */
.number[data-num]:after {
content: attr(data-num);
font-size: 24px;
font-weight: bold;
color: red;
}
/* 將數字轉換為字符串，并使用正則表達式添加千分位符號 */
function formatNumber(num) {
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

使用正則表達式的前提是了解正則表達式的相關知識，但一旦掌握，它可以幫助我們更加靈活地處理數據。

總之，無論是使用偽元素和attr()函數，還是使用屬性選擇器和正則表達式，都可以輕松地實現數字的千分位顯示。選擇哪種方法，取決于具體的開發需求和實際情況。