CSS选择器之用户行为伪类:focus-within示例
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - CSS选择器之用户行为伪类:focus-within示例</title> <style> div:focus-within { margin : 0.5em; padding : 2em; border : 1px solid blue; } input:focus { background: red; } </style> </head> <body> <div> <input type="text" value="三十课" /> </div> </body> </html>
运行结果
三十课