我可以在CSS中更改元素的父级吗?

亚雷克

我有:

<div id="header"><button id="button1"/></div>
<div id="footer"></div>

我可以更改布局(仅在CSS中,而不在JS中),以便button1属于页脚吗?

如果这不可能,是否有其他选择?(例如flex order允许动态更改元素的顺序)。我的目标是提出应用程序的许多不同主题,而无需修改DOM布局(例如,某些人希望按钮位于页眉中,另一些人希望按钮位于页脚中)。

brads3290

我可以更改布局(仅在CSS中,而不在js中),以便button1属于页脚吗?

一言以蔽之。

您想要做的是更改页面的实际结构,而CSS并不是该结构。CSS(大部分情况下)与控制网页的视觉效果有关,而HTML用于结构。我想,您可以应用CSS样式使按钮看起来像是它的子元素#footer(您可以设置position: relative并给它适当的偏移量,以便它出现在可能出现的位置),但这几乎不可靠解。

如果您发现自己需要这样做,那么纯粹的CSS也许不是真正合适的解决方案?您能否以样式脚本(可以使用脚本移动按钮的形式)的形式提供主题或者也许提供HTML模板供您选择(例如,按钮应该在页眉还是页脚中),然后在其之上应用CSS主题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章