Html 如何对块中的每个元素应用填充？

我正在寻找一种方法，将填充应用于块中的每个元素

就像在这个示例块中一样，我希望每个元素都获得一个填充值

#信息{
边框：1px纯红；
显示器：flex；
弯曲方向：立柱；
宽度：20%；
文本对齐：居中；
}
#信息>*>*{
边框：1px纯黑；
/*我想在这里找到一种将填充应用于大容器中每个元素的方法*/
}
#儿童信息2{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}

这很热
温热
这是不温不火的
微寒
这很冷

关闭

#selected_elt*

将针对

#selected_elt

的任何子元素

阅读有关选择器的更多信息

另外，正如其他人已经提到的，使用通用选择器是一种相当直截了当的方法。请考虑将这些样式提取到一个类中，你可以应用到<代码>的子孙>选择Eyt < /Cord>。

#信息{
边框：1px纯红；
显示器：flex；
弯曲方向：立柱；
宽度：20%；
文本对齐：居中；
}
#资料*{
边框：1px纯黑；
填充：1em；
/*我想在这里找到一种将填充应用于大容器中每个元素的方法*/
}
#儿童信息2{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}

这很热
温热
这是不温不火的
微寒
这很冷
https://stackoverflow.com/questions/67587939/how-to-apply-a-padding-to-every-element-in-a-block#

如果您想要所有内容使用填充，您可以通过以下方式规范css：

* {
   padding: 5px;
}

像这样：

*{
填充物：5px；
} 
#信息{
边框：1px纯红；
显示器：flex；
弯曲方向：立柱；
宽度：20%；
文本对齐：居中；
}
#信息>*>*{
边框：1px纯黑；
/*我想在这里找到一种将填充应用于大容器中每个元素的方法*/
}
#儿童信息2{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}

这很热
温热
这是不温不火的
微寒
这很冷

难道

#selected_elt*

不会这样做吗？如果要选择所有内容，则无需指定直接子项。（尽管可能有更好的方法，这取决于您正在构建的内容。

*

应该尽可能避免）您可以只使用一个类并将其应用于所有元素？是的，但我必须检查每个元素，这样做不舒服，但应该有效@mrpbennett。将填充应用于父元素将产生相同的影响，并将消除child的depthNo问题，我希望每个元素都有一个填充值。不仅是父母。每一位家长和孩子！嗯，它与

*{padding}

一起工作，但是

#selected_elt{padding}

肯定不能为每个元素完成工作。它仅适用于父选定元素的每个直接后代。那么选定元素的后代的后代呢？（明白了吗？）