CSS 中的布局优先级具有以下的层次：
!important // 最高优先级 style 属性 id 选择器 类选择器 伪类选择器 属性选择器 通配符选择器 元素选择器 继承的样式
首先，大家需要了解到!important的作用。在 CSS 中，!important放在 CSS 样式定义的末尾，用来表示直接覆盖最初规定的样式，是最高优先级。但是，这样的高优先级也是需要谨慎使用的，因为它的使用会对单个元素以及整个网站产生隐患。
如果没有使用!important，那么在 CSS 中，ID 选择器（如#header）具有比其他选择器更高的优先级。紧接着是类选择器（如.intro），然后是伪类选择器（如:hover），属性选择器（如[type="radio"]），通配符选择器（如*）和元素选择器（如p）。最后则是继承的样式
在常规情况下，应该尽量使用类选择器来控制布局，因为它具有较高的优先级。在实现 CSS 布局时，合理地运用优先级是非常关键的。在编写 CSS 代码时要清晰明了，按照优先级从高到低，尽量避免频繁使用!important。这样才能在保证不破坏页面结构的同时，更好地控制 CSS 布局。