家长/儿童造型css

Question

请帮我解决这个CSS代码：

#mediaswap DIV { position: absolute; display: none; }
#mediaswap { position: relative; overflow: hidden; }
#mediaswap div:nth-child(1) { display:block; }​

我使用div将所有display: none隐藏在mediaswap下，然后仅显示带div的第一个子display: block。

如何将第一个孩子中的所有内容都转移到display: block？

Answer 1

尝试

#mediaswap div:nth-child(1) * { display: block; }​

Answer 2

如果你实际上没有隐藏任何一个孩子，那应该不是问题。如果您针对特定的孩子，第N个孩子很好，但您可以使用第一个孩子。而且你需要针对父母的第一个孩子。类似的东西：

#mediaswap { overflow: hidden; position: relative; }
#mediaswap div { display: none; position: absolute; }
#mediaswap:first-child { display:block; }​