Можно ли средствами CSS добраться до :after?

Question

[Капитан Какао]

В общем решил сделать стилизованную радиокнопку.
Думаю многие знают как её сделать. Но я захотел сделать немного иначе.

Структура у меня такая:

<i class="radio_btn"><input type="radio" name="rb"/></i>

Сразу даю ссылку на пример:
https://jsfiddle.net/RadCor/902tcebk/1/

Суть в том, что я хочу задать стиль псевдоэлементу .radio_btn:after черезinput
Знаю что из дочернего к родительскому элементу обратиться средствами CSS нельзя.

Пишу такой стиль:
.radio_btn2 input:checked > :after
Конечно вроде как абсурд, но если посмотреть структуру исходного кода, то расположение элементов такое:

<i class="radio_btn">
    <input type="radio" name="rb"/>
    :after
</i>

По этому вроде как и должно работать, но нет.
Решил проблему так:
https://jsfiddle.net/RadCor/902tcebk/2/
Но смущает лишний тег <i> в коде.

Суть вопроса, можно ли всё же сделать стилизацию без изменения HTML структуры на CSS без применения JS.

Answer 1

[tommy_13]

так пробуй

.radio_btn2 input:checked + .radio_btn2:after

Comments

[tommy_13]

с псевдоэлементами, похоже, облом

[Капитан Какао]

tommy_13: (((