title: CSS selector for table column
body: <p>I dont have much experience with CSS, but I am trying to help a friend format a table using CSS. Right now I got stuck trying to format table width, here is an example of the table:
  <a href="https://form.jotform.com/53306318713148" rel="noreferrer">https://form.jotform.com/53306318713148</a></p>
  
  <p>If I want to change the input of all the fields I can just </p>
  
  <pre><code>table input {
  width: 100px;
  }
  </code></pre>
  
  <p>But now we want to have different input sizes for each one of the columns, so after reading about CSS selectors I was trying something of the following:</p>
  
  <pre><code>#cid_1 [id$=_1] {
  width: 100px;
  }
  </code></pre>
  
  <p>The thought was that I would select the element with id cid_1 and the the children of that element ending with id _1, but that does not seem to work. Seems like a most element solution would be to use some kind of :nth-child(). Probably a stupid question, butI was hoping someone could show me how to do this.</p>