选择器分别是什么意思

#header{ }匹配id为header的元素
.header{ }匹配类为header的元素
.header .logo{ }匹配类为header下类为logo的元素
.header.mobile{ }匹配类为header且mobile的元素
.header p, .header h3{ }匹配类为header下p元素,匹配类为header下h3元素
#header a:hover{ }id为header下的a元素的悬停状态
#header .logo~p{ }匹配#header下的 .logo下的p元素且为.logo下的相邻元素
#header .logo+p{ }id为header下的 类为logo下的p标签且为.logo下一相邻元素
#header .logo p{ }#header下的.logo下的所有p元素
#header .logo>p{ }#header下的.logo下的子元素
#header p.logo{ }#header下的p元素且类为logo
#header .logo.p{ }#header下的类为logo且类为p的元素

#header input[checked]{ }#header下的属性为checked的input元素

你可能感兴趣的:(选择器分别是什么意思)