default 偽類選擇器只能作用在表單元素上，表示預設狀態的表單元素。接下來透過本文來跟大家介紹CSS3 :default偽類選擇器使用簡介，有興趣的朋友跟著腳本之家小編一起看看吧，希望能幫助大家。
一、CSS3 :default偽類別選擇器簡介
#CSS3 :default 偽類別選擇器只能作用在表單元素上，表示預設狀態的表單元素。
舉個例子，一個下拉框，可能有多個選項，我們預設會讓某個
假設CSS如下：
option:default { color: red; }
則在Chrome瀏覽器下，當我們選擇其他選項，此時就可以看到選項4是紅色了，效果如下圖：
#
#Firefox瀏覽器下效果也類似：
IE瀏覽器則不支援。
因此，行動端可以放心使用，桌面端不用管IE的項目也可以用起來。二、CSS3 :default偽類別選擇器作用
CSS3 :default 偽類別選擇器作用設計的作用是讓使用者在選擇一組資料的時候，依然知道預設選項是什麼，否則其他選項一多，選著選著就不知道預設提供的是哪一個了，算是一種體驗增強策略。作用不是很強烈，但是關鍵時刻很有用。 三、CSS3 :default偽類別選擇器一些特性研究#1. 研究1：JS快速修改會不會有影響？
測試程式碼如下：
:default { transform: sclae(1.5); }
也就是HTML設定的是第2個單選框放大1.5倍，JS立即瞬間設定第3個單選框選中，結果發現就算很快，即使是幾乎無延遲的JS修改， :default 偽類選擇器的渲染依然不受影響。
因此，本題答案是無影響。
2. 研究2：
例如：
option:default { color: red; }
