Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS选择器以网格中的行为目标_Css_Reactjs_Css Grid - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS选择器以网格中的行为目标

CSS选择器以网格中的行为目标

css reactjs

CSS选择器以网格中的行为目标,css,reactjs,css-grid,Css,Reactjs,Css Grid,我一直在开发一种可扩展的卡片，它根据容器的内容长度和宽度具有动态的行数和列数。我希望卡首先处于折叠视图中，其中仅显示第一行，并在用户切换卡时展开以显示完整的卡。我想知道是否有一个选项可以隐藏除第一行之外的所有行，第一行使用基于条件类的CSS添加在按钮切换上，如果没有，使用javascript处理这个问题的理想解决方案是什么？请记住，一行中的列数将根据屏幕大小而变化 您可以使用psuedo类：第一个孩子和第n个孩子是，但是如果您只使用css，您可能还需要使用“target”和相邻的选择器“~”。我

我一直在开发一种可扩展的卡片，它根据容器的内容长度和宽度具有动态的行数和列数。我希望卡首先处于折叠视图中，其中仅显示第一行，并在用户切换卡时展开以显示完整的卡。我想知道是否有一个选项可以隐藏除第一行之外的所有行，第一行使用基于条件类的CSS添加在按钮切换上，如果没有，使用javascript处理这个问题的理想解决方案是什么？请记住，一行中的列数将根据屏幕大小而变化

您可以使用psuedo类
：第一个孩子
和第n个孩子
是，但是如果您只使用css，您可能还需要使用“target”和相邻的选择器“~”。我现在正在尝试一个解决方案，基本上你想在这个网站上多看一些节目，少看一些，只使用css，是吗？