CSS: как ссылаться на тег

Question

Я знаю, как обращаться к tag с id или class в css

 <table id="cooltable">
      <tr>
          <td></td>
          <td></td>
      </tr>
 </table>

так что в css, вы отсылаете это <table> к

 table#cooltable{
     ...
 }

Однако, если я хочу сослаться на <td> в <table> в css, как мне это сделать?

Answer 1

В CSS символ пробела сам по себе означает «потомок». Например, это относится к каждому td, который является потомком table#cooltable:

table#cooltable td {
    ...
}

Вы также можете использовать оператор >: это более строгое правило и применяется только к прямым потомкам. Для достижения того же эффекта, используя это, вы должны написать:

table#cooltable > tr > td {
    ...
}

В этом случае я бы предпочел первый вариант, но есть некоторые ситуации - например, несколько слоев тегов <div> или вложенные таблицы, где это очень полезный инструмент.

Answer 2

#cooltable td

или

#cooltable tr

Answer 3

table#cooltable td {
    /* css goes here */
}