CSS3 选择器

• #####常用选择器:

// 标签选择器
div { }
// 类名选择器
.box { }
// id选择器
#box { }
// 后代选择器
div p { }
// 交集选择器
div.box { }
// 并集选择器
div,p,span { }
// 子代选择器
div>p { }
// 通配符
* { }
// 选中div同级后面相邻的第一个p
div+p  { }
// 选中div同级后面所有的p
div~p  { }

• #####属性选择器

// 选中带有 class 的标签
div[class] { }
// 选中 class="box" 的标签
div[class="box"] { }
// 选中 class 值以 dzm 开头的标签
div[class^="dzm"] { }
// 选中 class 值以 dzm 结尾的标签
div[class$="dzm"] { }
// 选中 class 值包含 dzm 的标签
div[class*="dzm"] { }