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