在我的项目中,我有许多css文件,这些文件会相互冲突。
项目中的所有元素都应具有流动的CSS样式
*, *:after, *:before {
box-sizing: border-box; }
虽然只有一个对话框不应该有这个css
<div id="WebcamPopup">
.....
</div>
是否有解决此问题的方法?
答案 0 :(得分:2)
一个选项可能会覆盖该特定选择器的boz-sizing
:
#WebcamPopup,
#WebcamPopup:before,
#WebcamPopup:after { box-sizing: content-box; }
box-sizing
的初始值为content-box
。
<强> 6.1. ‘box-sizing’ property 强>
内容框强>
这是CSS2.1指定的宽度和高度的行为。指定的宽度和高度(和相应的 min / max properties)分别适用于宽度和高度 元素的内容框。元素的填充和边框是 在指定的宽度和高度之外布置和绘制。
如果它是一个选项,您也可以使用initial
关键字,但请注意,IE中不支持该关键字。
答案 1 :(得分:2)
#WebcamPopup, #WebcamPopup *, #WebcamPopup *:after, #WebcamPopup *:before {
box-sizing:content-box;
}
话虽如此 - 您正在演示完全为什么您不应该在全局范围内覆盖box-sizing
等侵入性内容。