jquery - 不要将 css 应用于 div

Question

我们的模板由设计机构设计，他们为我们提供了 HTML/CSS 模板。他们的css文件中有这个：

div{
    float: left;
}

现在我们在网站上实现了一个新的聊天软件，上面的代码应用在聊天软件上，它正在破坏它的所有 css。当我清除上面的行时，整个模板就毁了，当我们拥有它时，聊天软件 css 就毁了...... 我试着把聊天软件放在后面</body>，把上面的css改成：

body div{
    float: left;
}

但是由于聊天软件正在加载一些js文件，它会将其带到body页面中，因此它的css仍然无法正常工作。

我该如何解决这个问题？

提前致谢。

score 1 · Accepted Answer

您可以将 chat 放入div具有特殊 ID 并设置float:none;为 inner divs，代码如下：

HTML：

<div id="ChatContainer">
    /* chat goes here */
</div>

CSS：

#ChatContainer div{
    float: none;
}

score 0 · Accepted Answer

把这个写在那个持有 div(element) 的特定聊天上。

<div style="float:right" > </div> /*this will move it to right*/

或通过 CSS

<div class="chat_holder">
</div>

.class{
    float:right /*or left*/
}

如果您想将其永久保存在右侧屏幕底部，如 Google 邮件或其他。

 <div style="position:fixed;bottom:0;right:0;" > </div>

或通过 CSS

<div class="chat_holder">
</div>
.class{
    position:fixed;
    bottom:0;
    right:0;
}

还有很多其他的方法。但如果没有更多信息，我只能帮助你那么多。

score 0 · Accepted Answer

您可以替换以下内容：

div{
    float: left;
}

div:not(#chat){
    float: left;
}

或者

div:not([id='chat']){
    float: left;
}

这里<div>需要为聊天框赋予 id 属性为id='chat'. 因此，您的 html 需要包含以下内容作为聊天框的代码：

<div id='chat'>
    code for chatbox.
</div>

该解决方案基于将 CSS 样式应用于除具有特定 id 的所有元素的方法。试试看。希望这会有所帮助。

score -1 · Accepted Answer

您可以为聊天软件创建不同的CSS文件并覆盖相同的样式属性。

或者你也可以尝试为你的聊天软件的身体标签上课，并使用CSS下面给出的相同，

body.chatbody div{ 浮动：左；}