css - 父/子样式css

Question

请帮我处理这个 CSS 代码：

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

我将我所有的divs 隐藏在 mediaswap 下display: none，然后只显示第一个孩子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; }​