Css3.0的一些体会

选择器

attr 标签属性
a元素属性以什么开头
a[att^='']
a元素属性以什么结尾
a[att$='']
a元素属性以中的匹配的
a[att*='']

:root选择器等同于 html标签
:not

input:not([attr=""]){}

:empty

p:empty{匹配元素中空内容,有空格都不行}

/#id:target

<span id="brand"></span>
css: #brand:target{点击id为brand之后发生的css}

first-child —–first-of-type

li:first-child{li标签第一个发生的css}
ul>li:first-child{ul下第一个li标签发生的css}

last-child

li:last-child{li标签最后一个发生的css}

nth-child(n)

li:nth-child(2n)
li:nth-child(2n+1)
{分别匹配偶数和奇数的li,可以传入数字}
li:nth-last-child{匹配li倒数第几个}

:only-child
选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素