Html 样式未应用于ASP经典网站的元素

Html 样式未应用于ASP经典网站的元素,html,css,asp-classic,Html,Css,Asp Classic,我正在进行ASP经典网站的重新设计。整个站点有一个名为Main的主要CSS文件,其中包含所有样式。这个文件中没有很多样式,因为当前的设计几乎是默认的。某些页面元素的样式是内联编写的 这项任务对我来说似乎很简单。我刚刚在Main.css中将所有基本元素的样式都更改为新设计,但我的问题是,某些页面的元素没有更改它们的样式,即使我是内联编写的。有时元素会更改其某些样式属性,但总体上不会更改。有时,新的样式会让页面布局超出我的理解范围 Main.css包含在那些有问题的页面中。所有这些页面都有很多ASP

我正在进行ASP经典网站的重新设计。整个站点有一个名为Main的主要CSS文件,其中包含所有样式。这个文件中没有很多样式,因为当前的设计几乎是默认的。某些页面元素的样式是内联编写的

这项任务对我来说似乎很简单。我刚刚在Main.css中将所有基本元素的样式都更改为新设计,但我的问题是,某些页面的元素没有更改它们的样式,即使我是内联编写的。有时元素会更改其某些样式属性,但总体上不会更改。有时,新的样式会让页面布局超出我的理解范围

Main.css包含在那些有问题的页面中。所有这些页面都有很多ASP代码,包含业务逻辑。我不是ASP Classic pro,所以我想知道是什么原因导致这些元素不符合基本的HTML和CSS样式

例如(我来自俄罗斯,但样本应该清晰):

这是其中一个ASP页面的代码:

结果如下:

以下是我从styles watcher(IE9)获得的信息:

内联样式输入按钮:

Main.css样式的输入按钮:

如您所见,如果我使用内联样式,则只应用其中的一部分,这非常奇怪。如果我使用
Main.css
文件应用样式,它只继承BODY标记,不会对
input[type=“button”]
选择器做出反应。在其他页面上,该选择器工作正常

UPD1。通过将
更改为
,以及将
输入更改为
,我似乎摆脱了结果页面中的
奇怪标记。但这并没有解决我的问题。页面仍然可以识别Main.css文件的存在并将其部分(例如,BODY标记样式)指定给我的按钮,但是它无法识别与按钮本身相关联的样式

UPD2。我发现了一件很奇怪的事。有问题的页面接收到的
Main.css
文件与原始文件不同!此文件中的元素缺少一些原始属性,例如:

原始
Main.css

INPUT.button {
    min-width: 143px;
    font-face: Arial;
    height: 34px;
    border: 1px solid grey;
    background: #FCFCFC;
    border-radius: 7px;
    box-shadow: 0 0 2px grey;
    padding-left: 10px;
    padding-right: 10px;    
}
INPUT.button {
    min-width: 143px;
    font-face: Arial;
    height: 34px;
    border: 1px solid grey;
    background: #FCFCFC;
    padding-left: 10px;
    padding-right: 10px;    
}
接收到的
Main.css

INPUT.button {
    min-width: 143px;
    font-face: Arial;
    height: 34px;
    border: 1px solid grey;
    background: #FCFCFC;
    border-radius: 7px;
    box-shadow: 0 0 2px grey;
    padding-left: 10px;
    padding-right: 10px;    
}
INPUT.button {
    min-width: 143px;
    font-face: Arial;
    height: 34px;
    border: 1px solid grey;
    background: #FCFCFC;
    padding-left: 10px;
    padding-right: 10px;    
}

看起来它只是跳过了一些属性,这怎么可能呢???

Asp将与样式无关。渲染后,需要查看应用的样式。我推荐铬。如果在图元上单击鼠标右键,则可以选择“检查图元”,并且在右侧有一个框,在该框中可以确切地看到应用于图元的样式。在这一点上,问题只是找出冒犯风格的来源


最有可能的情况是,在包含的asp页面中呈现的内联样式与新样式冲突。一旦你使用Chrome来确定注入的是哪种样式,你就可以开始查找该样式的定义位置。

所以问题在于一些页面缺少标签。另外,那些有问题的页面在
标记之前有一部分ASP代码,这反过来又使整个页面呈现错误。为了修复它,我刚刚将所有ASP代码移动到
标记中,现在一切正常。

可能是缓存问题?请尝试在浏览器中重新加载,确保服务器和客户端之间没有代理。@arkascha每次运行新版本的页面时,我都会清除缓存。您有两个链接到该页面的样式表:
/ui/styles/main.css
/ui/main.css
。您是否需要在同一页中同时使用这两个选项?@Flakes是的/ui/Main.css-这是包含元素基本样式的主文件(它是默认配置中唯一的样式文件),而/ui/styles/Main.css是我的主文件,包含新创建的设计元素的样式(例如左菜单、带有徽标的上菜单等等-旧站点没有这些样式)。表示将
添加到HTML页面。也许这会解决问题,因为你只针对IEYeah我是这么想的,但我的问题是我看不出冒犯风格来自哪里。我的意思是,当我打开styles debugger(我使用IE9,因为最终产品将仅由IE浏览器使用)时,就好像我试图指定的样式根本没有应用于元素。我尝试使用全局样式、类、元素id和内联,但它在调试器中的行为仍然像我没有为它指定任何样式一样。