支援CSS3 以上
用法: :only-of-type
說明:
依元素是唯一的子元素則套用
css定義:
父元素裡其中一個的a tag唯一子元素是則套用
a:only-of-type{
公告版位
- Sep 01 Mon 2014 23:53
css3 Selector only-of-type 套用樣式
- Sep 01 Mon 2014 23:51
css3 Selector only-child 套用樣式
支援CSS3 以上
用法: :only-child
說明:
父元素的是唯一的子元素則套用
css定義:
父元素唯一的子元素是且是a tag則套用
- Sep 01 Mon 2014 23:39
css3 Selector nth-last-of-type(n) 套用樣式
支援CSS3 以上
用法: :nth-last-of-type(n)
說明:
n 為第幾個子元素,
依tag為第幾個子元素套用樣式
此nth-last-of-type為:子元素從後開始算依tag區分
- Sep 01 Mon 2014 23:37
css3 Selector nth-last-child(n) 套用樣式
支援CSS3 以上
用法: :nth-last-child(n)
說明:
n 為第幾個子元素,
依tag為第幾個子元素套用樣式
此nth-last-child為:子元素從後開始算
- Sep 01 Mon 2014 23:36
css3 Selector nth-of-type(n) 套用樣式
支援CSS3 以上
用法::nth-of-type(n)
說明:
n 為第幾個子元素,
依tag為第幾個子元素套用樣式
css定義:
- Sep 01 Mon 2014 23:35
css3 Selector nth-child(n) 套用樣式
支援CSS3 以上
用法::nth-child(n)
說明:
n 為第幾個子元素,
為第幾個子元素套用樣式
css定義:
a Tag 為第二個子元素 則套用樣式
- Sep 01 Mon 2014 23:33
css3 Selector not(selector) 套用樣式
支援CSS3 以上
用法::not(selector)
說明:
not(selector)
那些不要套用樣式
css定義:
是a tag 不要套用樣式
:not(a){
- Sep 01 Mon 2014 23:32
css3 Selector last-child 套用樣式
支援CSS3 以上
用法::last-child
說明:
a tag 是最後一個子元素
css定義:
a tag是最後一個子元素 套用樣式
- Sep 01 Mon 2014 23:29
css3 Selector last-of-type 套用樣式
支援CSS3 以上
用法::last-of-type
說明:
此tag的最後一個tag套用樣式
css定義:
p tag 的最後一個tag套用樣式
- Sep 01 Mon 2014 23:27
css3 Selector target 套用樣式
支援CSS3 以上
用法::target
說明:
target 當被連接到的元素
配合用 a tag href 用#後加入元素id
css定義: