新添加的CSS规则不起作用，但旧的CSS规则是

Question

我找不到这个问题，我试图查找这个问题，很难找到任何与这种情况。我正在使用包含两个内容页面的母版页。当然，第一个内容页面是default.aspx。母版页有一个PNG，是一个横幅。这有一个规则，使其在一个单独的CSS文件中作出响应。这工作正常。

对于第一个内容页面，我有三个使用CSS样式的按钮（它们是我在矢量图形程序中制作的自定义按钮，它们在按下时会改变外观，全部使用CSS），并且它们都是响应式的。还有一个使用CSS进行样式化和响应的列表框。

默认页面的布局如下所示：两个div容器：一个浮动左边，一个浮动右边。 CSS被用来使这些容器响应。在正确的div中，我有我的按钮，它们被封闭在自己的div中。所以......等等。当然，列表框的处理方式也与包含该列表的div相同。

转到第二页，我具有与默认页面相同的基本结构。我的意图是在正确的div中有一个图像，接着是文本框，然后是图像和文本框。左侧div将包含与默认页面相同的内容。

在这一点上，我已经添加到第二个内容页面的列表框和CSS工作正常。列表框看起来就像它在默认页面上做的一样，并且也具有响应性。所以CSS正在工作。对于第一张图片，我需要一个新的CSS规则。所以我去我的CSS规则并添加一个新的规则.image {width：100％;身高：自动; }然后添加我的图像，并使用类引用和图像进行设置。这是行不通的。这张图片在它自己的div中。如果我将图像的类更改为先前创建的另一个类，则该图像是响应式的。所以我可以使用横幅CSS规则和图像响应，我可以使用按钮CSS规则和图像响应，它的行为像一个按钮（点击它使它改变它的外观，这种事情），我可以甚至为列表框添加规则，并且图像是响应式的。如果我然后回去尝试使用图像规则，则不再有效。

关于正在发生的事情的任何想法。它从来没有任何意义。我将规则添加到CSS文件中，就像我对所有其他规则所做的一样，但由于某种原因，此规则完全不起作用。

谢谢你们的帮助。如果你们需要它，我可以发布代码，但我不明白这会有什么帮助。我的第二个内容页面的图像与我的横幅相同，横幅和图像的规则几乎完全相同，但百分比不同。这只是超级怪异的。

Answer 1

为了提高性能，浏览器将css文件保存在缓存中并使用缓存。如果他们不这样做，浏览器不得不在每次使用css文件时加载css文件。

如果清除浏览器缓存，就会注意到新样式已被应用。

如果您正在开发商业软件，您可能不希望告诉每个用户清除浏览器缓存，并且您更愿意强制浏览器加载新的css文件。另一方面，一旦css被加载，你会希望浏览器缓存它，因为它会提高性能。

有一个窍门可以实现！

比方说你的风格文件叫做mystyle。CSS，你有一个像这样在你的网站的链接样式文件：

<link rel="stylesheet" type="text/css" href="~/mystyle.css"> 

强制浏览器重新加载该文件，您需要更改链路和标准的做法是使用参数在url中（通常是一个版本号）。 这样的：

<link rel="stylesheet" type="text/css" href="~/mystyle.css?version=1.00"> 

你的样式文件是要忽略版本参数，但浏览器会注意到在链接的变化，将加载新的样式文件。基本上，浏览器存储指向文件的链接，如果更改版本号，由于链接与浏览器在缓存中的内容不匹配，它会强制浏览器再次加载文件。