交集选择器(intersection selector)是 CSS 中的一种选择器,用于选择同时满足多个条件的元素。交集选择器使用连写多个选择器来表示,各个选择器之间没有空格,直接连接在一起。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>交集选择器</title>
<style>
/* 找出 class 为 .top-div 的 div */
div.top-div{
}
/* 找出 id 为 menu 的 div */
div#menu{
}
</style>
</head>
<body>
<div class="top-div">
<div id="menu">
</div>
</div>
</body>
</html>