Решил почистить таблицы от классов для уменьшения объема файла, заменив их псевдоклассами. но не до конца разобрался с особенностями их значений, все время какой-то кусок кода малину портит. Помогите связать четыре элемента span для всех строк таблиц. Стили у всех таблиц - одинаковые.
<style>
table.route (???) {} /* 1 */
table.route (???) {} /* 2 */
table.route (???) {} /* 3 */
table.route td span:nth-of-type(2) {} /* 4 */
</style>
<table class="route"><tbody>
<tr>
<td>
<span>[text]</span></td> <!--1-->
<td>
<div></div></td>
<td>
<div>
<div></div>
<span>[text]</span> <!--2-->
<div></div></div>
<span>[text]</span> <!--3-->
<span>[text]</span> <!--4-->
</td>
</tr
. . .
. . .
. . .
. . .
. . .
</tbody></table>