Javascript 当直接应用于元素的样式移动到.CSS文件中时，这些样式将丢失

从这个开始：

    <div class="mainContent" style="color:white; overflow-y: auto; position:fixed; top:210px; bottom:60px;">
        <div class="linkContent" id="contentAboutUs"        style="display:none"></div>
        <div class="linkContent" id="contentAboutUsOmni"    style="display:none"></div>
        <div class="linkContent" id="contentAboutUsVerify"  style="display:none"></div>
        <div class="linkContent" id="contentAboutUsSelf"    style="display:none"></div>
        <div class="linkContent" id="contentAboutUsHow"     style="display:none"></div>
    </div>

一切都很好。

但是，当我将直接应用于DIV的样式移到.css文件中（并从DIV中删除样式attr）时，表单就会陷入混乱

而且，是的，我在顶部有：

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

。。。它提供的所有其他样式也都工作得很好

你知道怎么了吗

我已经看到了这一点，但没有成功：

编辑：

人们要求使用“后代码”进行比较。我最初没有包括它，因为它看起来很容易将结果可视化。但以下是后续版本：

    <div class="mainContent">
        <div class="linkContent" id="contentAboutUs"        style="display:none"></div>
        <div class="linkContent" id="contentAboutUsOmni"    style="display:none"></div>
        <div class="linkContent" id="contentAboutUsVerify"  style="display:none"></div>
        <div class="linkContent" id="contentAboutUsSelf"    style="display:none"></div>
        <div class="linkContent" id="contentAboutUsHow"     style="display:none"></div>
    </div>


.mainContent {

    color:white; overflow-y: auto; position:fixed; top:210px; bottom:60px;
    width: 850px; 
    xmargin-left:1%;
    border: 1px solid silver; 
    background:transparent url(../images/mainContentOverlay.png);

    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    -khtml-border-radius:   6px;
    border-radius:          6px;

}

.主要内容{
颜色：白色；溢出-y：自动；位置：固定；顶部：210px；底部：60px；
宽度：850px；
xmargin左：1%；
边框：1px纯银；
背景：透明url（../images/mainContentOverlay.png）；
-moz边界半径：6px；
-webkit边界半径：6px；
-khtml边界半径：6px；
边界半径：6px；
}

是否将div的内嵌样式放置在外部样式表的.mainContent类中

---

如果是，可以尝试在父div中敲打.mainContent div并将内嵌样式应用于父div，而且我认为您的.mainContent div中可能有错误，xmargin left不应该是margin left吗？

xmargin left不是css属性。渲染引擎很可能会点击它，不知道如何处理它，并停止渲染它下面的任何css

可能是打字错误，应该是

左边距

如果您试图注释它，请使用的正确css注释语法

/* comments here */

有几点：

1.在某些情况下href=“css/style.css”可能区分大小写，因此如果您的文件为“css/style.css”（大写C），则可能无法使用。 尝试查看是否可以在浏览器中访问css/style.css文件

2.样式和.css文件的优先级取决于放置它们的位置。 最新的地点优先

如果你这样做：

<link rel="stylesheet" href="c1.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="c2.css" type="text/css" media="screen"/>

及

---

两个div的结果相同，因为c2.css在页面中的c1.css之后使用。

是rule

xmargin left:1%黑客攻击？这里有点盲目，但你的href正确吗？请向我们展示你没有内联样式的HTML。xmargin只是我杀死了该属性而没有实际删除它-以防我以后想要它回来。我假设css会无害地忽略它。实际上，它确实忽略了它。此样式工作正常，不会导致任何错误。Jeremy，不要迟钝，但不难想象div上没有style=”“属性。我已经完全删除了xmarg规则。没有乐趣。我有时只是简单地将css属性更改为不存在的东西，而不是完全删除它。这样，我就可以看到我尝试过的东西，并且不会忘记它。如果有必要，我可以重新启用它。为了以防万一，这样做实际上破坏了css（有点像js中的错误杀死了整个脚本和其中的所有内容），我完全删除了xmargin样式，但没有成功-（如果您不确定以后是否需要该规则，最好只对其进行注释。不要在CSS中创建假DOM属性。您可能真的会破坏您的布局和功能。也就是说，我将更新后的脚本放入小提琴中，它似乎可以正常工作（减去丢失的背景图像）：您还有其他问题。您是否收到任何控制台错误？
<link rel="stylesheet" href="c1.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="c2.css" type="text/css" media="screen"/>

   <div class='a_c1css_style  a_c2css_style'></div>
   <div class='a_c2css_style  a_c1css_style'></div>