html - css中的冲突

Question

在我的元素中，我有很多 css 文件，这使得它们相互冲突。

元素中的所有元素都应该有流畅的CSS样式

*, *:after, *:before {
    box-sizing: border-box; }

虽然只有一个对话框不应该有这个 css

<div id="WebcamPopup">
.....
</div>

这个问题有解决办法吗？

Answer 1

#WebcamPopup, #WebcamPopup *, #WebcamPopup *:after, #WebcamPopup *:before {
  box-sizing:content-box;
}

话虽如此 - 你正在展示确切为什么你不应该做侵入性的事情，比如全局覆盖 box-sizing。