- #####常用选择器: ``` // 标签选择器 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"] { } ```