css - 这个 .container > * {} 在 css 中是什么意思?

标签 css css-selectors

<分区>

任何人都可以为我解释一下,我正在研究 css 布局。但是对于下面的这段代码,我坚持了

.container > * {
  padding: 10px;
  flex: 3 100% ;
}

你能解释一下这种情况下的“大于号和星号”吗? 这是这里的原始代码:

https://codepen.io/cubigamer/pen/OgWqpB?editors=1100

最佳答案

*表示所有元素

> 表示直系子女

因此 .container > * 表示容器类的所有直接子级

关于css - 这个 .container > * {} 在 css 中是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44740346/

上一篇:html - 对齐网页页眉中的组件

下一篇:html - 如何使用 css flexbox 使表格垂直和水平居中?

相关文章:

python - Django 的新手。尝试查看有关如何加载 css 文件但无法正常工作的教程

html - IE 和 Edge 框阴影被截掉

jquery - Bootstrap Navbar Hamburger 菜单无法打开,下方有容器

jquery - 使用此现有代码时如何在没有滚动条时显示 div

css - 为什么直接定义CSS类不适用?

css - 选择具有指定元素的元素

css - 使用 css 或 xpath 需要代码下方的 selenium 代码

CSS 选择器长度导致错误,原因是什么?

html - 在同一个元素上使用 CSS Child 和 Last Selector

没有子列表的元素列表的 CSS 选择器