梦之都
CSS教程
,
CSS E > F 子对象选择符
示例
梦之都CSS 红色字体
梦之都CSS 绿色字体
梦之都CSS 蓝色字体
梦之都CSS 蓝色字体
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS E > F 子对象选择符示例，稍微复杂点的子对象选择符</title> <style type="text/css" media="all"> p > code { color:red; font-size:120%; } p > span > code { color:green; font-size:120%; } div ol > li p { color:blue; font-size:120%; } </style> </head> <body> <p> <code>梦之都CSS 红色字体</code> </p> <p> <span><code>梦之都CSS 绿色字体</code></span> </p> <div> <p> <ol> <li><p>梦之都CSS 蓝色字体</p></li> <li><p>梦之都CSS 蓝色字体</p></li> </ol> </p> </div> </body> </html>