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

最新推荐文章于 2024-03-30 12:56:22 发布

rdman

最新推荐文章于 2024-03-30 12:56:22 发布

阅读量1k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/rdman/article/details/27655783

版权

3 篇文章 0 订阅

订阅专栏

选择器#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>