当前位置: 首页 > Web前端 > CSS

css3中的新选择器

时间:2023-03-31 11:54:04 CSS

css31.1中的新选择器。css3中结构伪类选择器选择器函数E:first-child匹配第一个子元素E:last-child匹配最后一个子元素E:nth-last-child(n)匹配最后第n个子元素E:nth-child(n)匹配第n个子元素E:nth-child(2n)或E:nth-child(even)匹配偶数子元素如:2,4,6...E:nth-child(2n+1)E:nth-child(odd)匹配奇数个子元素如:1,3,5...E:only-child匹配有且只有一个子元素(onlychild)样式:html结构:效果图:1.2.css3伪元素选择器选择器作用:first-letter是元素文本的第一行使用style:first-line是元素中文本的第一个字母或第一个单词使用style::before插入一些内容beforeanelement::after在元素之后插入一些内容1.3。hoverselectorE:hoverselector鼠标移动到达E元素后,触发1.4。hover小案例:交错色html代码:css代码:更多技术资料请关注:gzitcast