CSS 的优先级由四个级别构成,分别是:
1.重要性(!important):在 CSS 属性值后添加 !important,可将该属性优先级提高到最高。例如: color: red !important; 2.内联样式(inline):在 HTML 标签中使用 style 属性定义样式,内联样式的优先级比以下所有级别都高。例如: <p>文本内容</p> 3.ID 选择器(#id):使用 ID 选择器定义的样式具有比类选择器和标签选择器更高的优先级。例如: #nav { color:blue; } 4.类选择器、属性选择器和标签选择器(.class、 [attribute] 和 tag):使用这些选择器定义的样式的优先级最低。例如: .text { font-size:16px; }
需要注意的是,当同一个元素使用多个选择器定义的样式时,浏览器会将这些样式进行合并,按照优先级进行应用。
总结:CSS 中的优先级是按照重要性、内联样式、ID 选择器和类选择器、属性选择器和标签选择器四个级别来决定样式应用的顺序。在编写 CSS 样式时,应合理运用这些优先级,以确保页面表现如期望。