关于X>Y和X Y的区别请看下面的html实例：

来源：互联网发布：淘宝盗图如何投诉编辑：程序博客网时间：2024/06/08 09:41

选择器#container > ul只会匹配到第一个UL，也就是#container的子元素UL，而不是li里面的ul，但是div ul则可以匹配到所有DIV里面的ul。

测试

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>CSS Selectors</title> <style> #container > ul { border: 1px solid black; } </style> </head> <body> <div id="container"> <ul> <li> List Item <ul> <li> Child </li> </ul> </li> <li> List Item </li> <li> List Item </li> <li> List Item </li> </ul> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </body> </html>

0 0