基础 子元素选择器只能一级一级向下寻找，不能跨越
HTML代码：
XML/HTML Code复制内容到剪贴板- <p>
- this is my <strong><i>wi>ebstrong> page.
- p>
CSS代码：
CSS Code复制内容到剪贴板- p>strong { color: purple; } p>strong>i { font-size: 50px; }
1、与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素。
2、子元素选择器使用大于号">"做为连接符。
示例1：
XML/HTML Code复制内容到剪贴板- <html>
- <head>
- <style type="text/css">
- h1 > strong {
- color: red;
- }
- style>
- head>
- <body>
- <h1>This is <strong>verystrong> <strong>verystrong> important.h1>
- <h1>This is <em>really <strong>verystrong>em> important.h1>
- body>
- html>
示例2
XML/HTML Code复制内容到剪贴板- <html>
- <head>
- <style type="text/css">
- table.company td > p {
- color: red;
- }
- style>
- head>
- <body>
- <table class='company'>
- <tr>
- <td>
- <p>hellop>
- td>
- tr>
- table>
- <table>
- <tr>
- <td>
- <p>worldp>
- td>
- tr>
- table>
- body>
- html>
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/CSS/77728.html
