今天有個前端小姐姐被同事調皮,給她加了一段CSS樣式。結果頁面上所有字體都變成了Comic Sans。小姐姐一愣,難道我寫的樣式都失效了?最后才發現是同事惡作劇,她調皮的加了這樣一行代碼:
* { font-family: "Comic Sans MS", "Comic Sans", cursive; }
原來這是一個通配符樣式,將頁面上所有元素的字體都設為Comic Sans,這個自帶親和力極強的字體早已被前端工程師們摒棄。小姐姐這才意識到同事的惡作劇,恢復了頁面的正常效果。
不過這倒也提醒了我們,開發時一定要注意樣式的選擇。要根據不同的元素類型、內容特點和視覺設計風格選擇合適的樣式,而不是隨意添加一個通配符樣式。
上一篇css樣式繼承和通配符
下一篇css樣式簡答題