结构伪类选择器---------------------------
跟之前学的交际选择器类似,要满足冒号左右的两个条件,否则不生效。
E(标签):first-child {}代表匹配父元素中的第一个子元素。
E:last-child {}匹配父元素中的最后一个子元素。
E:nth-child(n) {}匹配父元素中的第n个子元素。
E: nth-last-child(n) {}匹配父元素中的倒数第n个子元素。
查找多个时
可填入n无数个,2n、even偶数,2n+1、2n-1、odd奇数,-n+5找到前5个,n+5找到从第几个往后。
使用结构伪类选择器选择项目里有子项目的目标时,可使用交集选择器方法先输入伪类选择器再输入项目。例: E:nth-child(n) a {}
E:nth-of-type(n) {}只在父元素的同类型(E)里选择目标,不会被父元素中的其他项目影响。
伪元素,是由css书写出来的一种效果,和普通元素用html写出来的不一样。写法: 。father::before {}.必须设置content才能生效。默认是行内元素,可以根据需要转换display模式。
标准流中块元素的排版规则从上往下,行内从左到右。