选择器进阶分析1.什么是伪类?1、伪类和伪元素的区别是伪类只有一个冒号:而伪元素有双冒号::(伪元素是不存在的类,理解)2、分类:状态类::checked,通常使用单选框被选中时的状态,也可以与lable一起使用。:hover,鼠标经过时的状态。:active,元素被激活时的状态(鼠标按下称为激活),一般用于标签。:focus,一般用于输入获得焦点时的状态(鼠标在输入框准备输入时称为focus)关于伪类,还有一个专门用于a标签的伪类:1.a:link,未访问的链接2,a:visited,访问过的链接3,a:active,激活时的状态注意!:状态类的写法有两种。比如li:hover表示选中li的主体,li:hover>a表示选中li下的a元素。并且祖先元素不能被选中(关系选择器不指向父级)2.结构类:1.:nth-child(n),n(单个n表示无穷大)是被选中的单词个数(2nselects2multiplesofelements),(2nchooses2n-1oddelements),关键字的写法是(oddodd),(eveneven),xx元素的子元素是数,是xx,first判断序号,在判断元素中。2.:nth-last-child(n),选择从后面数的元素。倒计时开始,3,:nth-of-type(n),精准定位,忽略其他类型标签,只看目标标签,直接给前几个上色,4,:nth-last-of-type(n),从后面开始选择元素,优先选择类型元素。3、属性类:1、语法:input[type="text"]有多种写法,比较随意2、[attr^=""]^属性值以谁开头(模糊搜索)3.[attr~=""]~属性包含某个值3,[attr$=""]$属性以whom结尾4,[attr*=""]*通配符选择所有包含某个*的元素
