Buendia

Да, спасибо, приятная штука. Но вступило попробовать чисто на HTML&CSS)))

Уп-с, т.е. пока селектора :has нет, совсем никак нельзя использовать объект из другого элемента? А в контексте примера необходимо всё делать исключительно в рамках одного блока? Хотел добавить в это меню несколько подменю, получилось, но не понравилось что всё в одном блоке, - хотелось их разделить логически, отдельно навигация, отдельно контент.

Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...