css - 親/子のスタイリング css

Question

このCSSコードで私を助けてください：

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

ですべてdivの を 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; }​