子选择器【直系后代】

来源：互联网发布：sqlserver 视图 union 编辑：程序博客网时间：2024/04/30 02:32

子选择器

子选择器只选择元素的儿子辈儿的直系后代，隔辈儿的，孙子辈儿的不会被选择。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>

ul#nav> li {    background:url(whoami_03.jpg) no-repeat left top;}</style></head><body><ul id="nav">    <li>Home</li>    <li>Services        <ul>            <li>Design</li>            <li>Development</li>            <li>Consultancy</li>        </ul>    </li>    <li>Contact Us</li></ul></body></html>儿子辈儿的，被我涂成了绿色的三个<li>会被应用上背景图片，而更下一级嵌套的<li>标签不会应用此样式。

子选择器 【直系后代】

子选择器

子选择器【直系后代】