CSS3中新增的伪类还有伪元素

487 阅读1分钟

CSS3 新增伪类

li:first-of-type            选择属于其父元素的首个<li>元素
li:last-of-type             选择属于其父元素的最后<li>元素
li:nth-child(n)             选择属于其父元素的第n个子元素并且必须是<li>元素
li:nth-last-child(n)        选择属于其父元素的倒数第n个子元素并且必须是<li>元素
li:nth-of-type(n)           选择属于其父元素第n个<li>元素
li:nth-last-of-type(n)      选择属于其父元素倒数第n个< li>元素
li:last-child               选择属于其父元素最后一个子元素的并且必须是<li>元素
li:target                   和锚点链接一起使用
                            URL 带有后面跟有锚名称#,指向文档内某个具体的元素。这个被链接的元素就是
                            目标元素(target element)。
:target                    选择器可用于选取当前活动的目标元素。
:not(li)                     选择非<li>元素
:enabled                    选中不在禁用状态下的表单控件
:disabled                   选中禁用状态下的表单控件
:checked                    选中 单选框或复选框被选中 的元素

CSS3新增伪元素

::first-letter             将样式添加到文本的首字母
::first-line               将样式添加到文本的首行
::before                    在某元素之后插入某些内容
::after                     在某元素之前插入某些内容