我们目前正在使用Tailwin自定义CSShttps://github.com/tailwindlabs/tailwindcss/pull/116这个css的目的是通过设置border-width属性来轻松地向元素添加边框，我们可以将所有元素的默认边框样式更改为实心，并使用边框宽度来隐藏它们
*,
*::before,
*::after {
border-width: 0;
border-style: solid;
border-color: transparent;
}
这段css是在系统范围内使用的，不幸的是我无法删除它。有没有办法阻止这段css应用于某个类或ID？
例如，如果元素有一个disableTailwind类，它应该忽略该css块。
任何提示或建议都将不胜感激。
你不能在每页的原始文件后面的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>将border:0;或border:none;添加到该类或id中。
例如，如果元素有一个类disableTailwind，它应该忽略该css块。
所以，这就是:not(...)伪类的用例，尽管为了使它工作，我必须将body放在*选择器之前：
body *:not(.disableTailwind),
body *:not(.disableTailwind)::before,
body *:not(.disableTailwind)::after {
border-width: 3px;
border-style: solid;
border-color: red;
}<body>
<div>Without .disableTailwind</div>
<div class="disableTailwind">With .disableTailwind</div>
<br />
<button>Without .disableTailwind</button>
<button class="disableTailwind">With .disableTailwind</button>
</body>