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}