css引入哪种优先级最高 |css 非ie6

网页中的CSS样式按照以下优先级从高到低排列：
1. 在HTML标签内嵌样式
2. ID选择器
3. 类选择器、属性选择器、伪类
4. 标签选择器、伪元素选择器
5. 通配选择器

接下来，大家分别对每一种优先级进行详细解释。

1.在HTML标签内嵌样式

<div></div>

在HTML标签内部使用style属性直接给标签设置样式的方式，具有最高的优先级。

2.ID选择器

#id-selector{
...
}

使用ID选择器能够具有比类选择器和属性选择器更高的优先级，因此在冲突的情况下，样式会应用到ID选择器的样式，而不是应用到类选择器或属性选择器。

3.类选择器、属性选择器、伪类

.class-selector{
...
}
[attribute]{
...
}
a:hover{
...
}

当多个类选择器、属性选择器和伪类选择器的样式与某一标签重复时，如果没有ID选择器和内嵌样式的情况下，CSS会按照上述顺序依次匹配，优先级依次降低。

4.标签选择器、伪元素选择器

p{
...
}
::before{
...
}

当多个标签选择器和伪元素选择器的样式与某一标签重复时，如果没有上述情况下，CSS会按照上述顺序依次匹配，优先级依次降低。

5.通配选择器

*{
...
}

通配选择器使用最普遍，如果多个选择器的样式与某一标签重复时，通配选择器优先级最低，因此通配选择器应该谨慎使用，以免带来不必要的样式冲突问题。

总之，CSS引入优先级从高到低按照内嵌样式、ID选择器、类选择器、属性选择器、伪类、标签选择器和伪元素选择器、通配选择器的顺序排列。当大家进行样式设计时，需要注意CSS选择器的优先级问题，并合理运用样式优先级规则。