css中的冲突

时间:2014-11-08 17:54:25

标签: html css

在我的项目中,我有许多css文件,这些文件会相互冲突。

项目中的所有元素都应具有流动的CSS样式

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

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

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

是否有解决此问题的方法?

2 个答案:

答案 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等侵入性内容。