程式開發學習之路

支援CSS3 以上

用法： :only-of-type
說明：
依元素是唯一的子元素則套用

css定義：
父元素裡其中一個的a tag唯一子元素是則套用
a:only-of-type{

支援CSS3 以上

用法： :only-child
說明：
父元素的是唯一的子元素則套用

css定義：
父元素唯一的子元素是且是a tag則套用

支援CSS3 以上

用法： :nth-last-of-type(n)
說明：
n 為第幾個子元素，
依tag為第幾個子元素套用樣式

此nth-last-of-type為：子元素從後開始算依tag區分

支援CSS3 以上

用法： :nth-last-child(n)
說明：
n 為第幾個子元素，
依tag為第幾個子元素套用樣式

此nth-last-child為：子元素從後開始算

支援CSS3 以上

用法：:nth-of-type(n)
說明：
n 為第幾個子元素，
依tag為第幾個子元素套用樣式

css定義：

支援CSS3 以上

用法：:nth-child(n)
說明：
n 為第幾個子元素，
為第幾個子元素套用樣式

css定義：
a Tag 為第二個子元素 則套用樣式

支援CSS3 以上

用法：:not(selector)
說明：
not(selector)
那些不要套用樣式
css定義：
是a tag 不要套用樣式
:not(a){

支援CSS3 以上

用法：:last-child
說明：
a tag 是最後一個子元素

css定義：
     a tag是最後一個子元素  套用樣式

支援CSS3 以上

用法：:last-of-type
說明：
此tag的最後一個tag套用樣式

css定義：
  p tag 的最後一個tag套用樣式

支援CSS3 以上

用法：:target
說明：
target  當被連接到的元素
配合用 a tag href 用#後加入元素id

css定義：

支援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  {