css选择器与优先级

css选择器包括：

• 通用选择器 *

• 标签选择器  标签名称  div {  }

• 类选择器  .类名称  <div  class="类名称1   类名称2"></div>

• ID选择器   #ID名称  <div  id="ID名称"></div>

• 群组选择器  h1, .c1, #c2  逗号隔开

• 后代选择器  .box  p

• 直接子代选择器  .box>p

• 兄弟选择器  往后找兄弟 h1~p

• 相邻兄弟选择器  h1+p

• 并列选择器   p.c1

• 伪元素选择器  ::before / ::after   content

• 伪类选择器  :link / :visited / :hover  / :active / :focus

• 属性选择器  [属性名称]  input[type="text"]

 CSS选择器权重值

• 继承<通用选择器(0)<标签选择器(1)<类选择器(10)<ID选择器(100)<行内样式(1000)<!important(10000)
• 选择器权重值会叠加