For example, I'd like to edit this:

```
table.organization_detail tr td {
  font-size:20px;
}

```

But the above code simply isn't doing anything, I'm not sure how to target the TD element through the above hierarchy. Essentially, there's a table with an organization\_detail class that has a tr and td element. The font size on the td element is too large and I'd like to make it 20px. 

What is the proper syntax to target this element?

Thanks!

edit (below is the html):

```
 <div class="organization-detail-info">
    <div class="inner-bgdown">
      <h3 class="account_titles">Account Details (<a href='#' data-toggle="modal" data-target="#account_details">Edit</a>)</h3>
      <table class="table organization_detail">
        <tr>
          <td>Name of Organization:</td>
          <td><%= @account.organization.name if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>Organization Type:</td>
          <td><%= Organization::ORG_TYPE[@account.organization.organization_type] if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>Address:</td>
          <td><%= @account.organization.address_1 if @account.organization.present? %> <%= @account.organization.address_2 if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>City:</td>
          <td><%= @account.organization.city if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>State/Province:</td>
          <td><%= @account.organization.state if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>Zip/Postal Code:</td>
          <td><%= @account.organization.zip if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>Country:</td>
          <td><%= @account.organization.country_id if @account.organization.present? %></td>
        </tr>
        <tr>
          <td>Phone Number:</td>
          <td><%= @account.organization.phone_number if @account.organization.present? %></td>
        </tr>
      </table>
    </div>
  </div>
  <!-- End-organization-detail-info -->

```

and CSS:

```
.organization_detail td:nth-child(1) {
  font-size: 16px;
  width: 40%;
  color:#000;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  line-height:36px;
}
.organization_detail td:nth-child(2) {
  width: 60%;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  color:#000;
  font-size:20px;
}
table.organization_detail tr td {
  font-size:20px;
}

```