CSS數(shù)字逗號(hào)分隔符是CSS3新特性中的一種，它的作用是為了使數(shù)字更加易于閱讀和理解。在很多的情況下，數(shù)字需要被分隔成一段一段的，以避免難以區(qū)分和對(duì)閱讀造成負(fù)擔(dān)。逗號(hào)分隔符就是一種很好的解決方案。

.price {
font-size: 18px;
color: #333;
text-align: center;
/* 添加逗號(hào)分隔符 */
/* 數(shù)字將會(huì)被分隔成3位一組，每組之間用逗號(hào)隔開 */
/* 例如：1,000,000 */
/* 逗號(hào)分隔符在IE9及以下的版本不被支持 */
/* Firefox、Chrome、Safari等現(xiàn)代瀏覽器都支持該特性 */
/* 在可用性上要格外注意 */
/* 通常不建議在小于1000的數(shù)字上使用逗號(hào)分隔符 */
/* 因?yàn)闀?huì)導(dǎo)致閱讀不便 */
/* 另外，逗號(hào)分隔符在輸入框內(nèi)也要格外注意 */
/* 在輸入數(shù)字時(shí)，要避免逗號(hào)的出現(xiàn)，否則可能導(dǎo)致輸入錯(cuò)誤 */
/* 在使用逗號(hào)分隔符時(shí)，也要特別注意國(guó)際化的問(wèn)題 */
/* 不同的國(guó)家對(duì)數(shù)字的處理方式不同 */
/* 現(xiàn)代瀏覽器支持的語(yǔ)法： */
/* 注意中間的逗號(hào)，必須放在數(shù)字后面 */
/* 逗號(hào)前面的數(shù)字可以是px、em、rem、%等單位 */
/* 也可以不加單位 */
/* 例如： */
/* 1000px ->1,000px */
/* 1000rem ->1,000rem */
/* 1000% ->1,000% */
/* 1000 ->1,000 */
/* 0.1rem ->0.1 */
/* 0.1234 ->0.123,4 */
/* 多數(shù)Sass Mixin會(huì)自動(dòng)地在數(shù)字上使用逗號(hào)分隔符 */
/* 也可以自己編寫Mixin實(shí)現(xiàn)逗號(hào)分隔符 */
/* 等價(jià)于 { padding: 10px 20px 30px 40px; } */
padding: 10px 20px, 30px 40px;
}

使用逗號(hào)分隔符，不僅可以增加數(shù)字的可讀性，也可以使代碼更加美觀和簡(jiǎn)潔。但是，在使用逗號(hào)分隔符時(shí)，要格外注意可用性、國(guó)際化以及數(shù)字的輸入方式等問(wèn)題。只有在合適的場(chǎng)景下，才應(yīng)該使用逗號(hào)分隔符。