假设我在页面上垂直列出了几个<div>标记。每个标签包含几个项目，如按钮，文本，字形等。
需要在每个<div>标记中实现展开 - 折叠按钮，以展开折叠该<div>标记的子元素。现在，这些孩子的风格相似，包含类似的内容。它们可能会显示在父<div>内，也可能会显示在其下方。
我的问题是如何使用CSS有效地调整这些孩子<div>的大小？也就是说，有没有办法设置类，以便我可以指定缩小因子并使div中的所有项目都相应调整大小？或者我需要单独调整每个DOM和标记的大小吗？
我也有兴趣了解使用上述方法展示孩子是否谨慎。也许我应该实现一个新页面来显示每个<div>的孩子？