正在加载图片...
E>F仅选择了E元素的F子元素,而不是递归查询。 案例: 例11-5:后代选择器与子选择器 <!doctype html> ≤htm> shead> <meta charset="utf-8> <title>后代选择器与子选择器</ttle <style type="text/css"> border: 1 px dashed #333333 nav>p( font-size: 1 6px color: #FOO div li( border: 1 px dashed #333333 </style <i>1</i> <i>2</i> <i>3</i> <i>4</i> i>5</i> <i>6</i> <i>7</i> >8< </u|> <p>网站首页<p> <p>联系我们<p> <i>1</i> <i>2</i> <i>3</i> 7《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ labs. 51xuewebcn7 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn E>F 仅选择了 E 元素的 F 子元素，而不是递归查询。 案例： 示例 11-5：后代选择器与子选择器 <!doctype html> <html> <head> <meta charset="utf-8"> <title>后代选择器与子选择器</title> <style type="text/css"> nav>li { border:1px dashed #333333; } nav>p { font-size:16px; color:#F00; } div li { border:1px dashed #333333; } </style> </head> <body> <nav> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </nav> <nav> <p>网站首页</p> <p>联系我们</p> </nav> <div> <ul> <li>1</li> <li>2</li> <li>3</li>