Как я могу отформатировать все элементы td, содержащиеся в таблице, с классом myclass в CSS?

Нет, это не возможно разумно без изменения разметки. Таблицы в HTML структурированы как rows , а не как столбцы . В примере, который вы указали, вы переупорядочиваете контент:

Исходный порядок: Column 1 -> Column 2 -> this-is-col-1 -> this-is-col-2

Новый порядок: Column 1 -> this-is-col-1 -> Column 2 -> this-is-col-2

Почему я сказать «не разумно возможно»? Ну, с абсолютным позиционированием и подобными приемами вы можете взломать макет, который хотите вместе, но есть мир ожидания CSS, потому что я не ожидаю, что этот подход будет играть на реальной странице.

< hr>

. Дополнительное примечание. Чтобы добавить к проблеме «переупорядочения», что-то, что может быть немного легче выполнить, будет такой макет, где порядок остается прежним:

----------------------------
|Column 1                   |
-----------------------------
|Column 2                   |
-----------------------------
|this is column 1           |
-----------------------------
| this is column 2          |
-----------------------------

Но это явно не то, что вы хотите.

13
задан Joel 23 March 2010 в 00:29
поделиться

6 ответов

С селектором потомков :

table.myclass td { — }
20
ответ дан 1 December 2019 в 19:01
поделиться

насколько мне известно, вы бы сделали это

table.myclass td { styles in here }
3
ответ дан 1 December 2019 в 19:01
поделиться
table.myclass td { ... }
{{1} }
3
ответ дан 1 December 2019 в 19:01
поделиться
 table.myclass td { color: blue }

Кстати, в вашей таблице отсутствует элемент tr .

4
ответ дан 1 December 2019 в 19:01
поделиться

Разве этот простой CSS не справится с этим?

.myclass td{}
6
ответ дан 1 December 2019 в 19:01
поделиться