css选择器及其优先级

    css选择器种类繁多，在这里对常用的css选择器及其优先级加以总结。

    1.通配符选择器（*）：网页中的所有标签

    2.标签选择器（标签名）：根据当前标签的名称匹配

    3.类选择器（.类名）：根据当前标签的class属性名称匹配

    4.id选择器（#id）：根据当前标签的id名称匹配

    5.组合选择器

        （1）后代选择器（空格）：匹配当前标签的所有后代标签

        （2）子元素选择器（>）：匹配当前标签的直接子标签

        （3）相邻兄弟选择器（+）：匹配当前标签后紧挨的标签

        （4）后续兄弟选择器（~）：匹配当前标签后的所有标签（同级）

    6.分组选择器（,）

    7.属性选择器（[]）：根据当前标签的属性值来匹配

    8.伪类选择器（:）

    选择器优先级为：！important>行内>id>类=属性=伪类>标签=伪元素>通配符

    组合选择器里面的优先级：选择器的权值加在一起，权值大的优先；权值相同，后面的会覆盖前面的

• ID的权值为 100
• 类的权值为 10
• 属性的权值为  10
• 伪类的权值为 10
• 标签的权值为 1