Проблема с флажком, :checked и ячейками таблицы

adelante1

Мой код не работает. Это должно работать, когда флажок установлен или снят. Как я могу заставить этот код изменить цвет фона всех ячеек, класс которых равен «name1»? CSS-код:

 <input type="checkbox" id="player1" class="player1-checkbox" />


<table class="chart">


<tr><td class="name">Ny Name</td><tr>


<tr><td class="name name1"><label for="player1">FIRST LAST</label></td></tr>


<tr><td>&nbsp;</td></tr>


<tr><td class="cup left name1"><label for="player1">FIRST LAST</label></td>


</table>

Код (CSS): HTML-код:

 .player1-checkbox ~ td.name1 { background-color: blue; } .player1-checkbox:checked ~ td.name1 { background-color: orange; }

HTML:

ntx

На самом деле «классы ни за что» — это лишь верхушка айсберга проблем здесь... например, то, что в пылу делает метку и входные данные табличными данными; гораздо меньше, если у вас есть только один TD на TR, какого черта вы вообще используете таблицу?!?

Nick1966

Сделайте миру одолжение и займитесь чем-нибудь безобидным, например макраме». Источник: http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_part4

касатка

Вот решение... CSS-код:

 .player1-checkbox ~ table tr td.name1 {
background-color: blue;
}

.player1-checkbox:checked ~ table tr td.name1 {
background-color: orange;
}

Код (CSS):

Похожие темы	Дата
Сайты по направлениям в графическом дизайне	19.10.2024, 18:10
Сколько стоит разработка фирменного стиля	19.10.2024, 18:10
Переключатель CSS без JavaScript не работает на Android 4.0.3	19.10.2024, 18:10
Как ограничить просмотр страницы только ОДИН РАЗ для каждого посетителя с помощью файлов cookie?	19.10.2024, 18:10
Мне нужна помощь в выборе простой в использовании платформы для обучения видео и викторинам.	19.10.2024, 18:10
смс для html	19.10.2024, 18:10
Структура URL-адреса	19.10.2024, 18:10
Таблица/список голосования пользователей	19.10.2024, 18:10
Время ожидания операции истекло	19.10.2024, 18:10
Редактировать определенные части CSS из JS	19.10.2024, 18:10

Проблема с флажком, :checked и ячейками таблицы

adelante1

ntx

Nick1966

касатка

I AM

Интересно