Css 如何通过redux存储中的项目计数来更改HTML标记

我有一个管理项目列表的复合组件

我想根据子元素的数量改变父组件的样式（在本例中，我们有三个窗口：

• N<11：宽度100，缩放1
• N介于11和22之间：宽度200，缩放1
• N>22：宽度300，缩放。5

---

我愿意更改样式标记（首选）或更改类标记，但我不知道如何做。应该提到的是，样式标记也被另一个进程使用，因此无论发生什么情况，我们都不需要干扰现有值（该值不访问宽度或缩放描述符）

我想你可以用JS来代替。当遇到你给出的条件时，CSS位限制。你知道javascript吗？-“注意，在CSS3中，不能根据父节点的子节点数量将样式应用于父节点。但是，可以根据子节点的兄弟节点数量将样式应用于子节点。”对于父组件（“我想改变父组件的样式”），可以添加一个带有计数“bucket”（即“items-0to10”、“items-10to100”、“items-100plus”）的属性，以在选择器中使用。这可以通过JS动态添加，也可以在HTML生成过程中添加。我建议打开一个新问题（发布其他研究和试验）要探究其中任何一个问题，因为这个问题与CSS有关。感谢您明确指出，我的问题不是CSS。而是react标记操作。@Grunnionshaftoe啊，好吧，如果需要，我可以提供js解决方案，但似乎不是。