CSS3——新增的选择器

CSS3新增的三个模块 

关系选择器

E+F

下一个满足条件的兄弟元素节点

 

E~F

并列结构下满足条件的兄弟元素节点

 

属性选择器

E[attr~="val"]

E[attr |="val"]

 

E[attr^="val"]

 

E[attr$="val"]

 

E[attr*="val"]

  

伪元素选择器

E::placeholder

E::selection

效果

 

伪类选择器

描述：被选中的元素一种状态

E:not(s)

真实应用于为ul下面的li添加下线，最后一个不添加。不会出现线重叠

E:root

 E:target

被标记成锚点之后，哪个标签的被标记了，就会变成target 

点击效果

E:first-child

 

E:last-child

 

 

E:only-child

 

 

E:nth-child(n)

 

 

E:nth-last-child(n)

 

 

E:first-of-type

 

 

E:last-of-type

 

 

E:only-of-type

 

 

E:nth-of-type(n)

 

 

E:nth-of-last-type(n)

 跟nth-of-type倒着查，方法同上

E:empty

 

 

E:checked

 

未点击状态

点击后状态

 

 

E:enabled

 

 

 

E:disabled

 

 

E:read-only

 

 

E:read-write

 就是可以选中没有设置readonly的input