Как динамически выбрать последний отмеченный флажок с помощью CSS? - PullRequest
0 голосов
/ 25 марта 2011

У меня много "галочек" на моей странице.Я хочу показать (display:block;) поле, если установлен последний «флажок» моей страницы с использованием CSS.Поле является непосредственным «текстовым полем» после последнего «флажка».Кажется, что :last-child не работает для input[type="checkbox"].Даже если это сработает, возникнет другой вопрос: могу ли я использовать другой селектор (:checked) сразу после него (:last-child)?

Вот что я пытаюсь (но не ответил):

input[type = "checkbox"]:last-child:checked ~ input[type = "text"]{ display : block; }

1 Ответ

0 голосов
/ 25 марта 2011

Вы можете попробовать использовать .. (сейчас я не могу проверить, работает ли он)

input:checked:last-child
{
...
}

РЕДАКТИРОВАТЬ: я исправил селектор и проверил его. Работает! Здесь рабочий образец

...