Как настроить таргетинг на таблицу с идентификатором?

Я использую datatables и используя ниже css, чтобы скрыть заголовок таблицы.

table.dataTable thead {
 display: none;
}

Теперь, что происходит, у меня есть две таблицы с id как userList1 и userList2.

То, что я хочу сделать, это применить этот css только для таблицы с id как userList1.

Любая идея, как это сделать?

Я пытался

#userList1.table.dataTable thead {
 display: none;
}

#userList1 > table.dataTable thead {
 display: none;
}

но никто не работает.

Я не уверен, правильно ли это или неправильно, но я попробовал. Я новичок в CSS.

HTML-код

Таблица 1

<p> <span>Таблица 2</span></p><table id="userList" dir="LTR" aria-describedby="userList_info">
  </table>
<p> Примечание. У меня есть две таблицы.</p> <p> Таблица 1 имеет внутренние таблицы как таблицу 2...</p> <p> Итак, у меня есть таблица</p> <pre class="prettyprint linenums"><table id="userList" dir="LTR" aria-describedby="userList_info"> </table> </pre> <p> Примечание. Я использую JSF-язык, а внутренние идентификаторы таблицы создаются JSF...</p> <h2> <a href="http://jsfiddle.net/Gku7r/rel=nofollow" rel="nofollow noreferrer" target="_blank">JSFiddle Link</a></h2>
2 ответа

Если вы хотите скрыть заголовок внешней таблицы:

#userList thead {
 display: none;
}

Если вы хотите скрыть все заголовки внутренней таблицы:

#userList table thead {
 display: none;
}

Если вы хотите скрыть заголовок одной из внутренних таблиц на основе решения @steveax:

#userList #userList\:2\:userList2 thead {
 display: none;
}


попробуй это:

#userlist.dataTable thead {
display:none;
}

и вы используете shuold display: none; только для заголовков, которые вы хотите скрыть.

для скрытия только одного ада вы можете использовать встроенные стили.

<p> <span> <a href="http://jsfiddle.net/Gku7r/4/rel=nofollow" rel="nofollow noreferrer" target="_blank">JSFIDDLE</a></span></p><table id="userList" border="1">
 <thead>
 <tr>
 <td>This is what I want to hide</td>
 </tr>
 </thead>
  </table>

licensed under cc by-sa 3.0 with attribution.