CSS3选择器

Posted 2021-07-27 So istes immer

1.元素选择器

*	选定所有对象
E	匹配所有同类标签
.className	类选择器
#IDName	ID选择器

2.关系选择器

E,F	分组选择器，同时匹配E和F
E F	包含选择器，匹配所有被E包含的F元素
E>F	子选择器，匹配E的所有子元素F（第一代后代）
E+F	相邻选择器，匹配紧贴在E之后的F。E和F需属同一个父级
E~F	兄弟选择器，匹配紧贴在E之后的所有F。E和F需属同一个父级

3.属性选择器

E[att]	匹配具有att属性的E元素
E[att=“val”]	匹配具有att属性,其值等于val的E元素
E[att~=“val”]	匹配具有att属性,其值为一用空格分隔的单词表，其中一个等于val的E元素
E[att|=“val”]	匹配具有att属性,其值是以val开头并用"-"分隔的字符串的E元素
E[att^=“val”]	匹配具有att属性,其值是以val开头的字符串的E元素
E[att$=“val”]	匹配具有att属性,其值是以val结尾的字符串的E元素
E[att*=“val”]	匹配具有att属性,其值是包含val的字符串的E元素

4.伪选择器

分为：伪类选择器和伪对象选择器

有分为：动态伪类、目标伪类、语言伪类、状态伪类、结构伪类、否定伪类