程式開發學習之路

支援CSS3 以上

用法：:root
說明：
root 是指 HTML tag
css定義：
:root{
    background: silver;
}

支援CSS3 以上

用法： :read-only、:read-write
說明：
用在input輸入框，配合readonly來使用。

支援CSS3 以上

用法：:required、:optional
說明：
用在input輸入框，配合readonly來使用。


css定義：
input:required  {

支援CSS3 以上

用法：:read-write
說明：
用在input輸入框，配合readonly來使用。

當input 沒有readonly屬性則套用樣式

css定義：

支援CSS3 以上

用法：:read-only
說明：
用在input輸入框，配合readonly來使用。

當input 為readonly屬性則套用樣式

支援CSS3 以上

用法：:required
說明：
用在input輸入框，配合required來使用。

當input 有required屬性則套用樣式。

支援CSS3 以上

用法：:optional
說明：
用在input輸入框，配合required來使用。

當input 沒有required屬性則套用樣式

css定義：

支援CSS3 以上

用法：:valid
說明：
用在input輸入框，要有type
會依type來驗証輸入值是否有效，
valid 有效才套用樣式。

css定義：

支援CSS3 以上

用法：:invalid
說明：
用在input輸入框，要有type
會依type來驗証輸入值是否有效，
invalid 無效才套用樣式。
css定義：

支援CSS3 以上

用法：:in-range、:out-of-range
說明：
輸入框屬性有設定區間值。
不在此區間套用樣式

css定義：
input:in-range  {