Css 选择Flex容器所有元素的最简单方法?
例如,选择flexbox容器的所有子元素并赋予它们相同的边距的最简单方法是什么 例如:Css 选择Flex容器所有元素的最简单方法?,css,css-selectors,flexbox,Css,Css Selectors,Flexbox,例如,选择flexbox容器的所有子元素并赋予它们相同的边距的最简单方法是什么 例如: <div class="flexboxcontainer"> <h1>Headline</h1> <p>Some Text</p> <div>Some more text</div> <p class="smalltext">Some small text</p> </div> 大字标题
<div class="flexboxcontainer">
<h1>Headline</h1>
<p>Some Text</p>
<div>Some more text</div>
<p class="smalltext">Some small text</p>
</div>
大字标题
一些文本
更多的文字
一些小文本
它与flex无关-您可以使用上面的选择器选择元素的所有直接子元素
它与flex无关-您可以使用上面的选择器选择一个元素的所有直接子元素。要选择直接子元素(flex容器的1级子元素):
.flexboxcontainer{
显示器:flex;
}
.flexboxcontainer>*{
/*仅选择1级子级*/
填充:20px;
边框:2件纯黑;
}
大字标题
一些文本
更多的文字
随机的东西
一些小文本
附加文本
选择直接子级(flex容器的1级子级):
.flexboxcontainer{
显示器:flex;
}
.flexboxcontainer>*{
/*仅选择1级子级*/
填充:20px;
边框:2件纯黑;
}
大字标题
一些文本
更多的文字
随机的东西
一些小文本
附加文本
对于将成为.flexboxcontainer>*{…}
的直接子级,对于所有子级.flexboxcontainer*{…}
对于将成为.flexboxcontainer>*{…}
的直接子级,对于所有子级.flexboxcontainer*{…}
.flexboxcontainer>*
.flexboxcontainer*使用此CSS内部所有元素选择和.flexboxcontainer>*为Instad子级选择。.flexboxcontainer>*
.flexboxcontainer*使用此CSS内部所有元素选择和.flexboxcontainer>*为Instad子级选择。
.flexboxcontainer > * {
/* You properties */
}