[分享]css全局怎么排除某个元素

在 CSS 样式表中排除某个元素通常称作“取消继承”或“重置样式”。在全局样式中排除某个元素可以通过以下几种方法实现：方法一：使用 CSS 属性选择器/ 排除 HTML 元素中类名为“exclude”...

在 CSS 样式表中排除某个元素通常称作“取消继承”或“重置样式”。在全局样式中排除某个元素可以通过以下几种方法实现：

方法一：使用 CSS 属性选择器

/* 排除 HTML 元素中类名为“exclude”元素的样式 */
* :not(.exclude) {
  color: red;
} 

方法二：使用 :not() 伪类选择器

/* 排除 class 为“exclude”的元素 */
:not(.exclude) {
  color: red;
} 

方法三：针对类或 ID 选择器，手动为要排除的元素设置样式

/* 为 class 为“exclude”的元素单独设置样式 */
.exclude {
  color: blue;
}

/* 删除 class 为“exclude”的元素中某个样式 */
.exclude p {
  margin: 0;
} 

方法四：使用 !important 关键字覆盖所有样式规则

/* 通过 !important 覆盖所有颜色样式 */
p {
  color: red !important;
}

/* 针对 class 为“exclude”的元素单独设置样式 */
.exclude p {
  color: blue !important;
} 

以上是排除某个元素的方法，需要根据具体情况进行选择。