在網(wǎng)購(gòu)時(shí)，我們會(huì)經(jīng)常看到標(biāo)有“原價(jià)”和“折扣”兩個(gè)數(shù)字的商品，那么這兩個(gè)數(shù)字是什么意思呢？

首先，原價(jià)是商品的正常價(jià)格，一般來(lái)說(shuō)就是沒(méi)有打折前的價(jià)格。

<p>原價(jià)：200元</p>

而折扣是指打折后的價(jià)格與原價(jià)之間的差異，通常以百分比的形式表示。

<p>折扣：8折（20%OFF）</p>

例如一件原價(jià)為200元的商品，打8折之后，其折扣價(jià)為160元，那么折扣為多少呢？

<p>折扣：200元 - 160元 = 40元（即原價(jià)的20%）</p>

在CSS中，我們可以利用偽元素和一些特定的CSS屬性來(lái)實(shí)現(xiàn)商品的原價(jià)和折扣功能。例如：

.item::before {  
content: "原價(jià)：200元";  
text-decoration: line-through;  
color: gray;  
}  
.item::after {  
content: "折扣：8折（20%OFF）";  
color: red;  
}

上述代碼中，“::before”和“::after”是偽元素，能夠?yàn)樵靥砑宇~外的內(nèi)容。在這個(gè)例子中，“::before”表示商品的原價(jià)，“::after”表示商品的折扣。我們使用“content”屬性來(lái)添加內(nèi)容，并利用其他CSS屬性來(lái)調(diào)整顯示效果。

總之，在網(wǎng)購(gòu)時(shí)，勿忘核對(duì)商品的原價(jià)和折扣，不要讓自己掉入虛假折扣的陷阱中哦！