Как работает это меню?

Question

[akgndkut]

Как работает такое меню? Что здесь в основном позволяет переключать содержание блока с помощью кнопок выше? Можете дать уроки по таким возможностям, ведь здесь не используется javascript?
codepen.io/tari/pen/mVdLXy

Answer 1

[Андрей Федоров]

input radio видите? можно присвоить разные стили отжатому/нажатому состоянию. собственно все.

Comments

[akgndkut]

а где именно задается, что текста 2 кнопки будет в контейнере или третьей?

[Андрей Федоров]

akgndkut: В смысле где? Там div после каждого input.

[akgndkut]

просто там странный html и дивы не закрываются, а еще я хотел узнать, где именно происходит системный переход в коде с одного дива на другой при нажатии радио кнопки

[Андрей Федоров]

А... Ну дак это препроцессоры. Нажмите на кнопку view compilied и увидет стандартный html и сss.

[akgndkut]

это оно сопостовляет нажатую радио и див? tabs input[type="radio"]:checked + div {
z-index: 1000;
}

[Андрей Федоров]

Ну да, + означает что теги должны идти один за другим.

[akgndkut]

а что такое препроцессоры расскажи, пожалуйста, в двух словах и автор этого кода писал все до view compilied или он писал код, который показывается после view compilied?

[Андрей Федоров]

Это как компиляция. Чтобы работало, код нужно собрать исходник в интерпретируемый стандартный html и сss. Автор писал код в сокращенном виде.

[akgndkut]

а что загуглить, чтобы этому поучиться?

[Андрей Федоров]

Рядом с надписью HTML/CSS в codepen есть иконка настроек, слева. Там есть выбор препроцессора. Названия погуглите...

[akgndkut]

хорошо, спасибо

[Ksider]

21 вопрос и ни одного решения!

[akgndkut]

Ksider: у меня все решено, а у вас?