当前阅读教程:CSS入门到精通 > 子元素选择器 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 后代选择器 | 下一篇: 相邻兄弟选择器 |
与后代选择器相比,子元素选择器(Child selectors)以大于号分隔,只能选择作为某元素子元素的元素。 实例以下实例选择了<div>元素中所有直接子元素 <p> 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>子元素选择器</title> <!--定义内部样式--> <style> div>p { background-color:yellow;/*背景颜色*/ } </style> </head> <body> <p>独立的元素</p> <div> <h2>我第div元素的子元素h2</h2> <p>我第div元素的子元素p</p> </div> <div> <span> <p>我是span的子元素,是div的孙子(3级)元素</p> </span> </div> </body> </html> 效果图 |
|
上一篇: 后代选择器 | 下一篇: 相邻兄弟选择器 |