css选择器语法速查

时间:2023-03-08 23:03:59
css选择器语法速查

通用选择器 *{}

类似于通配符,匹配文档中所有元素类型;

类型选择器 h1,h2,p{}

匹配以逗号隔开元素列表中的所有元素

类选择器 .glass{} or p.glass{}

id选择器 #id {} or p#id {}

子选择器 td>b {}

匹配元素是另外一个元素的直接子元素

后继选择器 td b {}

匹配另一个指定元素的所有嵌套中的后继

相邻兄弟选择器 h1+p {}

匹配指定元素相邻兄弟元素

属性选择器

存在选择器 p[id] 任何含id属性的p元素

相等选择器 p[id=’some_id’]

空格选择器 p[attr~=”foo”] attr属性值是以空格隔开的单词列表,其中foo是其中一个单词的p元素

连字符选择器 p[attr|=”en”] attr属性的值以en开头后面紧跟个连字符的p元素

前缀选择器 p[attr^=”box”] attr属性的值以box开头的的p元素

子串选择器 p[attr*=”on”] attr属性值包含on字符的p元素

后缀选择器 p[attr$=”ed”] attr属性值以ed结尾的p元素