CSS中如果要使用美元符號,需要使用轉義字符\$
,因為美元符號在CSS中是有特殊含義的,通常用于表示某個元素相對于父元素的位置偏移量,比如:
.parent { position: relative; } .child { position: absolute; top: $50; /* 錯誤的寫法,應該使用 \ 操作符 */ left: 50px; }
要使用美元符號表示金額等價的意思,可以這樣使用:
.price:before { content: "\$"; } .price:after { content: "元"; }
上面的代碼中,我們使用了:before
和:after
偽類來給價格的前后添加美元符號和元的文字,這樣就能清楚地表示價格了。
上一篇css網頁調節頁面大小
下一篇css鼠標在上遮罩