 |
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > CSS入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：CSS入门到精通 > 后代选择器 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： CSS 组合选择符 | 下一篇： 子元素选择器 |
|
后代选择器以空格分隔，用于选取某元素的后代元素。 实例以下实例选取所有 <p> 元素插入到 <div> 元素中: 代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>后代选择器</title>
<!--定义内部样式-->
<style>
div p
{
background-color:yellow;/*背景颜色*/
}
</style>
</head>
<body>
<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>
<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</body>
</html>效果图
|
|
| 上一篇： CSS 组合选择符 | 下一篇： 子元素选择器 |
