Javascript 将一个元素移动到一个新的div-don';t接受它的新css属性

Javascript 将一个元素移动到一个新的div-don';t接受它的新css属性,javascript,jquery,css,Javascript,Jquery,Css,所以,我有一个元素,它附加了一些“预先存在的”行为。因此,我发现仅仅移动它(按照一些新需求的要求)就保留了现有的行为=好。但问题是,当我移动元素时,我需要给它“新样式” 所以,如果我有这样的东西: <div id="existingStructure"> <div id="legacyElement"></div> </div> 如果我不够简洁,请告诉我 现有样式位于外部CSS文件中,如下所示 #existingStructure {

所以,我有一个元素,它附加了一些“预先存在的”行为。因此,我发现仅仅移动它(按照一些新需求的要求)就保留了现有的行为=好。但问题是,当我移动元素时,我需要给它“新样式”

所以,如果我有这样的东西:

<div id="existingStructure">
    <div id="legacyElement"></div>
</div>
如果我不够简洁,请告诉我

现有样式位于外部CSS文件中,如下所示

#existingStructure {
   // bunch of css
 }

#existingStructure .item1 input[type="text"] {
   // bunch of css
}

 #legacyElement{
   // bunch of css
  }
除可能应用“其他样式”外,新样式大致相同

#newStructure {
   // bunch of css
 }

#newStructure .item1 input[type="text"] {
   // bunch of css
}

您当然可以通过他们的父母确定您的div样式:

#existingStructure #legacyElement {some styles}
#newStructure #legacyElement {some other styles}

为了进一步解释,这种安排应该导致更大的特殊性,凌驾于简单应用于“现有结构”或“legacyElement”的风格之上。我希望没有人做过像使用电脑这样愚蠢的事!对他们来说很重要。

你当然可以通过他们的父母确定你的div风格:

#existingStructure #legacyElement {some styles}
#newStructure #legacyElement {some other styles}

为了进一步解释,这种安排应该导致更大的特殊性,凌驾于简单应用于“现有结构”或“legacyElement”的风格之上。我希望没有人做过像使用电脑这样愚蠢的事!对他们很重要。

简短回答:应该

下面是我在JSFIDLE中快速制作的一个示例:


那为什么不是你的呢?最有可能的是,您有嵌入的css规则,这些规则仅在
现有结构中应用?没有看到更多的css,我不知道我能得到多具体。我只想验证一下,您的css规则是否允许应用于
现有结构
(甚至
现有结构
可能也有其父级的规则!)

简短回答:应该

下面是我在JSFIDLE中快速制作的一个示例:


那为什么不是你的呢?最有可能的是,您有嵌入的css规则,这些规则仅在
现有结构中应用?没有看到更多的css,我不知道我能得到多具体。我只想验证您的css规则是否允许应用于
现有结构
(甚至
现有结构
可能也有其父级的规则!)

您如何设置样式?样式在css文件中设置。。像这样:当。在这里做不到,请参阅原始帖子。。编辑它。你知道它是
jQuery('#existingStructure')。append($('#legacyElement'))
注意
.append()
中额外的jQuery搜索调用。是的,只是简单地处理一下。谢谢。你是如何设置样式的?样式是在CSS文件中设置的。。像这样:当。在这里做不到,请参阅原始帖子。。编辑它。你知道它是
jQuery('#existingStructure')。append($('#legacyElement'))
注意
.append()
中额外的jQuery搜索调用。是的,只是简单地处理一下。谢谢你。让我试试这个。谢谢,嗯。让我试试这个。谢谢
#existingStructure #legacyElement {some styles}
#newStructure #legacyElement {some other styles}