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

css3加入了一些伪类选择器分析(保证记住)

时间:2023-03-30 23:55:35 CSS

css3加入了一些伪类选择器如:selecor:first-child不用费心去理解他们要解决什么问题,就是为了set不管操作,记住这样一个规则:如果selector:first-child生效,需要:**selector.parent.children.first==selector;**即:父元素的第一个子元素当前元素就是它自己,这时候selector:first-child就会生效。同理:selector:last-child,需要:selector.parent.children.last==selector;会生效第二种nth-child()注意这里的n有很大的发展空间,可以实现奇/偶,选哪一个,从哪一个入手。nth-last-child()向后选择第三类:first-of-type:last-of-type第四类:nth-??of-type:nth-last-of-type第五类:root选择根元素的文件。就是html:emptyselection元素中连空格都没有的元素:not否定selector:only-child只有在collection只有一个元素时才会生效::selection只能设置两个属性:background,颜色。