W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> /* 选择紧跟在 h2 元素后的 p 元素 */ h2:has(+ p) { color: gray; background-color: gold; border: 2px dotted red; } </style> </head> <body> <h1>:has() 实例</h1> <p>一个段落</p> <h1>标题 1</h1> <h2>标题 2</h2> <p>一个段落</p> <h1>标题 1</h1> <h2>标题 2</h2> <h3>标题 3</h3> </body> </html>