主题Stylesheet.css类与当前页面样式表类重叠

Question

在我的asp.net应用程序中，我使用了2个样式表：

1. 在App_Theme / JobTheme / Stylesheet.css
中
2. css / StylesheetNew.css（对于我在iframe 中作为弹出窗口打开的页面）
App_Theme / JobTheme / Stylesheet.css 中的

：

body{height: 100%;width: 100%;background: #fff;font: 12px "Trebuchet MS", Verdana, sans-serif; }

并在 css / StylesheetNew.css ：

body{ background-color:#FFFFFF; font-family:Arial, Helvetica,Tahoma;font-size:75%; margin:5px;}

但是当我打开弹出窗口时，采用App_Theme / JobTheme / Stylesheet.css 的正文样式而不是 css / StylesheetNew.css

Why App_Theme/JobTheme/Stylesheet.css is overlapping the css/StylesheetNew.css?
and how to avoid this?

Answer 1

请检查加载的样式表的层次结构。您的页面特定样式表应在主题样式表

之后加载

Answer 2

有两种方法，一种是确保每个div只使用一个CSS样式表，或者在这种情况下使用body{}。

第二种方法是确保你使用的样式表在第一个样式表之后被引用，这在过去总是对我起作用，因为CSS从上到下读取

Answer 3

确保已将css / StylesheetNew.css链接到弹出页面。