学习笔记（17):各种选择器

立即学习:https://edu.csdn.net/course/play/27397/365771?utm_source=blogtoedu

选择器：

1. 通用选择器： *
2. 元素选择器：  元素名称
3. 类选择器： .类属性值
4. ID选择器： #ID属性值
5. 子元素选择器：  空格
6. 直接子元素选择器： >
7. 兄弟元素选择器： +   
8. 后续兄弟选择器： ~
9. 伪类选择器：  ：
10. 属性选择器：  [ ]

伪类选择器：      

nth:

1.  :nth-child|nth-last-child   数数的特征：无论什么类型都算在内
2.  :nth-of-type|nth-last-of-type   数数的特征：同一类型算在内

伪类表单属性

1. ：checked 被选中（单选框、复选框、）
2. ：disabled 被禁用的 （控制表单中有 disabled="disabled" 属性的控件）
3. :required  必须填写字段（表单中有 required ="required " 属性的控件可与：in与  :invalid 无效的   :valid 有效的 配合使用）
4. :optional  非强制要求的没有 required ="required "属性的控件
5. ：read-only  只读的  含有readonly="readonly"属性的控件

伪类其他属性

1. :empty  选择所有没有子元素的父元素
2. p:not()    选择所有p元素以外的元素
3. :first-letter  元素的第一个字母
4. :first-line  元素第一行

属性选择器：（可用现有属性，或者自定义一个属性）