Как работает эта реализация правила 110, полного по Тьюрингу, в HTML5 + CSS3?

Question

Этим утром я натолкнулся на следующую реализацию правила 110 в чистом HTML5 + CSS3 (без javascript).Вы нажимаете клавишу Tab и пробел в последовательности, чтобы запустить автомат.

http://elilies.com/rule110-full.html

Я посмотрел на исходный код, но я действительно не могу понять, как он отслеживает состояние.Когда нажата вкладка, я полагаю, что включаются селекторы фокусировки, но я не уверен, что происходит при нажатии пробела.

Answer 1

Нажатие клавиш является «внешним циклом», который вызывает код, который не завершается при проверке: HTML + CSS (за исключением выражений CSS Javascript ...) всегда останавливается, поэтому он не завершается.

Но вызов не-завершающего кода в цикле может привести к его завершению.

Answer 2

Каждый из полей сетки на самом деле является флажком.Удар по выделенному пространству переключает его состояние.