炎热的夏天过去了,凉爽的秋天来了。它是一个收获的季节,也是各种水果最多的时候,红艳艳的苹果扒开绿叶往外瞧;小红灯笼似的枣子挂满枝头;像紫玛瑙的葡萄一串串地挂在葡萄架下,真迷人呀!
基础 子元素选择器只能一级一级向下寻找,不能跨越
HTML代码:
XML/HTML Code复制内容到剪贴板
- <p>
- thisismy<strong><i>w</i>eb</strong>page.
- </p>
CSS代码:
CSS Code复制内容到剪贴板
- p>strong{color:purple;}p>strong>i{font-size:50px;}
1、与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素。
2、子元素选择器使用大于号">"做为连接符。
示例1:
XML/HTML Code复制内容到剪贴板
- <html>
- <head>
- <styletype="text/css">
- h1>strong{
- color:red;
- }
- </style>
- </head>
- <body>
- <h1>Thisis<strong>very</strong><strong>very</strong>important.</h1>
- <h1>Thisis<em>really<strong>very</strong></em>important.</h1>
- </body>
- </html>
示例2
XML/HTML Code复制内容到剪贴板
- <html>
- <head>
- <styletype="text/css">
- table.companytd>p{
- color:red;
- }
- </style>
- </head>
- <body>
- <tableclass='company'>
- <tr>
- <td>
- <p>hello</p>
- </td>
- </tr>
- </table>
- <table>
- <tr>
- <td>
- <p>world</p>
- </td>
- </tr>
- </table>
- </body>
- </html>
以上就是举例讲解CSS的子元素选择器用法。当你放下面子对老婆好的的时候,说明你已经成为一个真正的男人了。当你给足老婆面子的时候,说明你已经成功了。当你老婆什么时候都会给你面子的时候,说明你已经是人物了。当你还停留在那里自私、耍横,啥也给不了老婆,只知道以自我为中心的时候,说明你这辈子也就这样了。更多关于举例讲解CSS的子元素选择器用法请关注haodaima.com其它相关文章!