1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Реакция на инпуты

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем vkxedeen, 13 июл 2018.

  1. vkxedeen

    vkxedeen

    Регистрация:
    13 июл 2018
    Сообщения:
    1
    Симпатии:
    0
    Здравствуйте!
    Подскажите, пожалуйста, возможно ли на чистом CSS прописать реакцию на отметку чекбокса элементов другого родителя? Например:
    <div class = "wrapper">
    <div class = "article_left">
    <input type="checkbox" class="checkbox" id="checkbox" />
    <label for="checkbox" class = "britain">checkbox</label>
    </div>
    <div class = "photos">
    <div class = "photo pers"><img src = "..." ></div>
    </div>
    </div>
    Грубо говоря, можно ли чекбоксом воздействовать на картинку?)

    Как вариант, конечно, можно спихать все в один контейнер и распространить действие на нижележащие элементы, но я начинающий "верстальщик", не уверен, что это будет семантически верно, да и с реализацией такой верстки проблемы.
    А, да, переместить инпуты в контейнер с фотками, а лабелы оставить в article_left тоже нельзя, необходимо "оформлять" нажатую кнопку.

    Спасибо!
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Если сохранять вашу изначальную вёрстку - нет!

    Чекбокс должен быть либо родителем, что невозможно, либо предшествующим соседом.
    Так же чекбокс может быть предшествующим соседом родителя.