Но так теряется весь смысл от таблицы
Может все-таки можно связать эти два селектора?
По отдельности они же срабатывают:
<style>
input[id='1']:checked {
display: none;
}
label[for='2'] {
color:white;
background-color:green;
}
input[id='3']:checked label[for='3'] {
color:white;
background-color:green;
}
</style>
<table>
<tr><td><input type='radio' id = '1' name='name'><label for='1'>текст</label></td><td><label for='1'>таблицы</label></td></tr>
<tr><td><input type='radio' id = '2' name='name'><label for='2'>текст</label></td><td><label for='2'>таблицы</label></td></tr>
<tr><td><input type='radio' id = '3' name='name'><label for='3'>текст</label></td><td><label for='3'>таблицы</label></td></tr>
</table>
Эта таблица из одной из шаблонных страниц сайта, данные из базы, количество столбцов при выводе разное, некоторые надо объединять, если характеристика одинаковая. Выравнивать через блоки очень муторно + с таблицей уже все готово.
В общем-то главный вопрос в том, почему
<label><button></label>, <label><div> - работает, а
<label><td></label> - нет.