国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css后代選擇器和子選擇器的區(qū)別介紹

2024-07-11 08:29:09
字體：大 中 小
供稿：網(wǎng)友
1.用法不同：比如要找div的class名為con中p標簽，子代選擇器用法：div.con>p{color:red;}
后代選擇器：.con p{color:red;}
2.兼容性：ie6不支持子代選擇器
3.所達到的效果不同
看下圖用子代選擇器效果：

復制代碼
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>CSS的子選擇器</title>
<style type="text/css">
*{margin:0;padding:0;}
div.con>div>p{color:red;}
</style>
</head>
<body>
<div class='con'>
<div>p
<p>span1
<div>
<p>span2</p>
</div>
</p>
</div>
</div>
</body>
</html>


看后代選擇器效果：

復制代碼
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>CSS的子選擇器</title>
<style type="text/css">
*{margin:0;padding:0;}
.con div p{color:red;}
</style>
</head>
<body>
<div class='con'>
<div>
<p>span1
<div>
<p>span2</p>
</div>
</p>
</div>
</div>
</body>
</html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 惠安县| 双江| 深圳市| 金昌市| 梁河县| 海淀区| 奎屯市| 临夏县| 彰化县| 金乡县| 米脂县| 渝北区| 灯塔市| 电白县| 武乡县| 临颍县| 泸西县| 商都县| 三明市| 安阳市| 邵阳市| 奉节县| 越西县| 红原县| 墨脱县| 邛崃市| 扶余县| 深水埗区| 南郑县| 永川市| 文水县| 资溪县| 兴海县| 德安县| 商南县| 通道| 镇雄县| 平凉市| 于田县| 金川县| 黑河市|