CSS的副本不起作用答案

【问题标题】：Copy of CSS not workingCSS的副本不起作用
【发布时间】：2012-01-15 22:57:25
【问题描述】：

我有以下内容：

        .panelHeader
{
    border: 1px solid #474747;
    color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

而且效果很好。

但是现在如果我添加它的副本并更改名称，如下所示：

        .panelHeader2
{
border: 1px solid #474747;
color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

请注意，除了名称，我没有更改任何内容，它不起作用...

可能是什么问题？

【问题讨论】：

查看相关标记（本 CSS 适用）会有所帮助。
您是否也更改了 html 元素中的类名？
浏览器Ctrl+F5不使用缓存刷新:)

标签： asp.net css visual-studio-2010

【解决方案1】：

当您重命名类时，这两种语句对我来说都很好，我假设您正在更改元素上的类的名称。

下面的代码在两个 div 上都可以正常工作

<html>
<head>
<style>
    .panelHeader
{
    border: 1px solid #474747;
    color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

 .panelHeader2
{
border: 1px solid #474747;
color: white;
background-color: #5D7B9D;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
padding: 5px;
margin-top: 5px;
width: 300px;
}

</style>

</head>
<body>
<div class="panelHeader">
    hello
</div>
<div class="panelHeader2">
    hello
</div>
</body>

</html>

【讨论】：