powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что означает тильда (~) в CSS ?
3 сообщений из 3, страница 1 из 1
Что означает тильда (~) в CSS ?
    #39814221
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день!
Читая про flexbox наткнулся на такую конструкцию в CSS применительно к input/radio (<input type="radio" name="flex" id="one" checked><label for="one">1: margin-right:auto</label>):
Код: css
1.
2.
3.
4.
        
            #one:checked ~ .flex .itm2 {
            margin-right: auto;
        }



Правильно ли я понимаю, что эта тильда (~) вызывает применение следующих за ней классов тогда, когда когда выбирается этот элемент (#one:checked)?
С уважением ВВГ
...
Рейтинг: 0 / 0
Что означает тильда (~) в CSS ?
    #39814319
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Что означает тильда (~) в CSS ?
    #39814376
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ValGer , вот описание на русском
авторРодственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора h1~p стиль будет применяться ко всем элементам <p>, располагающихся после заголовка <h1>. При этом <h1> и <p> должны иметь общего родителя, так что если <p> вставить внутрь <div>, то стили применяться уже не будут.
http://htmlbook.ru/css/selector/sibling
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Что означает тильда (~) в CSS ?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]