css中常见的选择器

css中常见的选择器

标签选择器

tagName
类选择器
.className
3id选择器
#id
4.后代选择器(多个选择器之间用空格隔开) （层级关系）
tagName .className（选择所有tagName元素内部所有的.className元素）
5.群组选择器（多个选择器之前用逗号隔开）（多选）
tagName， .className（选择所有的tagName选择器和所有的.className选择器）
6.直接后代选择器（多个选择器之间用>隔开）
tagName > .className（选择父元素为 tagName 元素的所有 .className 元素）
7.属性选择器
tagName[attrName = “attrValue”]
8.选择器组合（多个选择器黏在一起）
tagName.className#id
9.伪类 tagName：hover