选择Flex容器的所有元素的最简单方法是什么？ [重复]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了选择Flex容器的所有元素的最简单方法是什么？ [重复]相关的知识，希望对你有一定的参考价值。
这个问题在这里已有答案：
选择flexbox容器的所有子元素并为它们提供所有相同边距的最简单方法是什么？
例：
<div class="flexboxcontainer">
<h1>Headline</h1>
<p>Some Text</p>
<div>Some more text</div>
<p class="smalltext">Some small text</p>
</div>
答案
要选择直接子项（flex容器的1级子项）：
.flexboxcontainer {
display: flex;
}
.flexboxcontainer>* {
/*Select only 1 level children */
padding: 20px;
border: 2px solid black;
}<div class="flexboxcontainer">
<h1>Headline</h1>
<p>Some Text</p>
<div>Some more text
<h3>Random stuff</h3>
</div>
<p class="smalltext">Some small text
<span>Additional text</span>
</p>
</div>另一答案
.flexboxcontainer > * {
/* You properties */
}
它与flex无关 - 您可以使用上面的选择器选择元素的所有直接子元素。
另一答案
对于所有孩子.flexboxcontainer > * { ... }的直接孩子将是.flexboxcontainer * { ... }
以上是关于选择Flex容器的所有元素的最简单方法是什么？ [重复]的主要内容，如果未能解决你的问题，请参考以下文章