Effect without js

css伪类:not()/:has()/:last-child

:has()草案，浏览器未实现
li:not(.end){color: blue;}
:has(span)
:has(span)

:target

第一段 | 第二段 | 第三段 | 弹出层

我是第一段话，一

我是第二段话，二二

我是第三段话，三三三

你可以不使用任何Javascript代码，只使用:target伪类创建一个加亮框。该技术依赖于初始化时就隐藏在页面中的链接到指定元素的锚。一旦定位，CSS就会更改其display 以便显示它们。

表单伪类