时间戳

首页 > 解决方案 > 如何在元素内禁用全局样式

html - 如何在元素内禁用全局样式

问题描述

我们目前正在使用https://github.com/tailwindlabs/tailwindcss/pull/116找到的 Tailwin 自定义 CSS ，此 CSS 的目的是通过设置边框宽度属性轻松为元素添加边框，我们可以更改默认边框-将所有元素的样式设置为实体并使用边框宽度隐藏它们

*,
 *::before,
 *::after {
   border-width: 0;
   border-style: solid;
   border-color: transparent;
 }

这一点 css 在系统范围内使用，不幸的是我无法删除它。有没有办法阻止这个 css 应用于某个类或 ID？

例如，如果元素有一个类 disableTailwind，它应该忽略那个 css 块。

任何提示或建议将不胜感激。

标签： htmlcss

解决方案

你不能在每一页的原始文件之后在一个css文件中包含相同的规则吗？

*,
 *::before,
 *::after {
   border-width: 1px;
   border-style: solid;
   border-color: black;
 }
 
 
 
 *,
 *::before,
 *::after {
   border-width: unset;
   border-style: unset;
   border-color: unset;
 }
 
<div>test</div>

推荐阅读