html - 在 HTML5+CSS3 中实现图灵完备的规则 110 是如何工作的？

Question

今天早上，我在纯 HTML5 + CSS3（无 javascript）中遇到了以下规则 110 的实现。您按顺序按制表符和空格键来运行自动机。

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

我查看了源代码，但我真的无法弄清楚它是如何跟踪状态的。按下选项卡时，我认为 :focus 选择器会起作用，但我不确定按下空格时会发生什么。

Answer 1

您按下按键是一个“外部循环”，它正在调用不完整的代码：HTML + CSS（不包括 CSS Javascript 表达式......）总是停止，因此它不完整。

但是在循环中调用非图灵完备的代码可以使其图灵完备。

Answer 2

每个网格框实际上都是一个复选框。在选中它的情况下点击空格会切换其状态。