css选择器有哪些及优先级

　　在CSS中，选择器用于选中HTML中的元素，从而对其应用样式。以下是一些常见的CSS选择器：

　　1.元素选择器(Element Selector)：通过元素的标签名选中元素，如p、h1、div等。

　　2.类选择器(Class Selector)：通过元素的class属性值选中元素，以.开头，如.classname。

　　3.ID选择器(ID Selector)：通过元素的id属性值选中元素，以#开头，如#idname。

　　4.属性选择器(Attribute Selector)：通过元素的属性值选中元素，如[attr]、[attr=value]、[attr^=value]等。

　　5.伪类选择器(Pseudo-class Selector)：通过元素的状态或位置选中元素，如:hover、:active、:first-child等。

　　6.伪元素选择器(Pseudo-element Selector)：通过元素的特定位置选中元素的某个部分，如::before、::after等。

　　7.后代选择器(Descendant Selector)：通过元素的嵌套关系选中元素，如ancestor descendant。

　　8.子元素选择器(Child Selector)：通过元素的直接子元素选中元素，如parent > child。

　　9.兄弟元素选择器(Adjacent Sibling Selector)：通过元素的紧邻兄弟元素选中元素，如prev + next。

　　10.通用选择器(Universal Selector)：选中页面中的所有元素，使用*。

　　在CSS中，选择器具有不同的优先级，用于确定多个样式规则之间的优先顺序。一般而言，选择器的优先级从高到低的顺序如下：

　　1.!important：具有最高优先级的样式，会覆盖其他所有样式。

　　2.内联样式(Inline Styles)：直接在HTML元素中通过style属性设置的样式。

　　3.ID选择器(ID Selector)：使用#选择器选中的元素。

　　4.类选择器(Class Selector)、属性选择器(Attribute Selector)、伪类选择器(Pseudo-class Selector)：使用.、[]、:选择器选中的元素。

　　5.元素选择器(Element Selector)、伪元素选择器(Pseudo-element Selector)：使用元素名、::选择器选中的元素。

　　6.后代选择器(Descendant Selector)、子元素选择器(Child Selector)、兄弟元素选择器(Adjacent Sibling Selector)：通过元素的嵌套关系或位置选中的元素。

　　7.通用选择器(Universal Selector)：选中页面中的所有元素。

　　当多个样式规则应用于同一元素时，优先级高的样式会覆盖优先级低的样式。