立即学习:https://edu.csdn.net/course/play/27397/365771?utm_source=blogtoedu
选择器:
- 通用选择器: *
- 元素选择器: 元素名称
- 类选择器: .类属性值
- ID选择器: #ID属性值
- 子元素选择器: 空格
- 直接子元素选择器: >
- 兄弟元素选择器: +
- 后续兄弟选择器: ~
- 伪类选择器: :
- 属性选择器: [ ]
伪类选择器:
nth:
- :nth-child|nth-last-child 数数的特征:无论什么类型都算在内
- :nth-of-type|nth-last-of-type 数数的特征:同一类型算在内
伪类表单属性
- :checked 被选中(单选框、复选框、)
- :disabled 被禁用的 (控制表单中有 disabled="disabled" 属性的控件)
- :required 必须填写字段(表单中有 required ="required " 属性的控件可与:in与 :invalid 无效的 :valid 有效的 配合使用)
- :optional 非强制要求的没有 required ="required "属性的控件
- :read-only 只读的 含有readonly="readonly"属性的控件
伪类其他属性
- :empty 选择所有没有子元素的父元素
- p:not() 选择所有p元素以外的元素
- :first-letter 元素的第一个字母
- :first-line 元素第一行
属性选择器:(可用现有属性,或者自定义一个属性)