title: How detect X column of flex-direction: column
body: <p>I have a html code of a menu what i want not modify. My way is only with css and I want detect the second column of a class &quot;flex-direction: column&quot; to add a custom height. The html structure is:</p>
  <pre><code>&lt;li class=&quot;category&quot; id=&quot;category-4&quot;&gt;PARENT CATEGORY
  &lt;div class=&quot;popover sub-menu js-sub-menu collapse&quot; id=&quot;top_sub_menu_3663&quot;&gt;
  &lt;ul class=&quot;top-menu&quot; data-depth=&quot;1&quot;&gt;
    &lt;li class=&quot;category&quot; id=&quot;category-25&quot;&gt;&lt;/li&gt;
    &lt;li class=&quot;category&quot; id=&quot;category-26&quot;&gt;&lt;/li&gt;
    &lt;li class=&quot;category&quot; id=&quot;category-27&quot;&gt;&lt;/li&gt;
    XXX
  </code></pre>
  <p>My current css is:</p>
  <pre><code>#category-4 .top-menu[data-depth=&quot;1&quot;] {
  margin: 4rem 13rem 0;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 90px;
  } 
  </code></pre>
  <p>and i want add 120px of height for the second column generated with css &quot;flex-direction: column;&quot;.
  I am trying without luck add #category-4 .top-menu[data-depth=&quot;1&quot;]:nth-of-type(2) and the issue is I dont know what code &quot;nth-child of flex colum&quot; add to be detected the css from what it is not a real column</p>