是否可以显式设计匿名弹性项目？
我正处于掌握基本柔性盒概念的初期阶段。 MDN使用CSS Flexible Boxes文章（重点介绍）：
柔性容器的每个孩子都变成了柔性物品。 直接包含在Flex容器中的文本被包装在匿名Flex项目中。
这意味着下列标记会自动提供三个要玩的项目：
p, em {
margin: 1em;
padding: 1em;
}
p {
border: 1px solid blue;
display: flex;
justify-content: space-between;
}
em {
border: 1px solid orange;
display: inline-flex;
}<p>This is a <em>just</em> a test.</p>不可以。匿名框不能直接针对CSS样式。 CSS样式需要在HTML中附加一个“钩子”。 该钩子是一个HTML标签。 没有标签，CSS没有任何目标。 这个概念适用于各种框模型，包括flex和block格式的上下文。
显然不是，因为否则以下示例中的所有文本都必须像“just”一样进行样式设置：
p,
em {
margin: 1em;
padding: 1em;
}
p {
border: 1px solid blue;
display: flex;
justify-content: space-between;
}
em {
border: 1px solid orange;
display: inline-flex;
}
p * {
color: green;
font-size: 2em;
}<p>This is a <em>just</em> a test.</p>不，这是不可能的。
W3C候选推荐标准说：
还要注意， 匿名项目的框是不可修改的，因为没有元素可以指定样式规则 。 它的内容将继承flex容器的样式（如字体设置）。
链接地址: http://www.djcxy.com/p/13193.html上一篇: Is it possible to style anonymous flex items explicitly?