- HTML中文网
- 联系QQ:88526
- QQ交流群

- 微信公众号

element>element 选择器
定义和用法
element>element 选择器,也称子选择器,是用于选取带有特定父元素的元素。
注意: 如果元素不是父元素的直接子元素,则不会被选择。
浏览器支持
所有主流浏览器都支持 element>element选择器。
注意:对于 IE8 及更早版本的浏览器中的 element>element,,必须声明 <!DOCTYPE>
选择所有父级是 <div> 元素中的 <p> 元素:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div>p{ background-color:#53e06f; } </style> </head> <body> <div> <h1>hello world!</h1> <p>测试文本!</p> <p>测试文本!</p> </div> <p>测试文本!</p> <div>测试文本!</div> </body> </html>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册