Нет, это не возможно разумно без изменения разметки. Таблицы в 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 |
-----------------------------
Но это явно не то, что вы хотите.
насколько мне известно, вы бы сделали это
table.myclass td { styles in here }
table.myclass td { color: blue }
Кстати, в вашей таблице отсутствует элемент tr
.
........ ...
table.myclass td{
/* your styles */
}
Для получения дополнительной информации ознакомьтесь с селекторами CSS.
Разве этот простой CSS не справится с этим?
.myclass td{}