#demoDiv{
color:#FF0000;
}
这里代表id为demoDiv的元素的设置它的字体颜色为红色 。
我们在页面上定义一个元素把它的ID定义为demoDiv ， 如：
<div id="demoDiv">
这个区域字体颜色为红色
</div>
用浏览器浏览 ， 我们可以看到因为区域内的颜色变成了红色
再定义一个区域
<div>
这个区域没有定义颜色
</div>
用浏览器浏览 ， 与预期的一样 ， 区域没有应用样式 ， 所以区域中的字体颜色还是默认的颜色黑色 。
1.4 后代选择器
后代选择器也称为包含选择器 ， 用来选择特定元素或元素组的后代 ， 后代选择器用两个常用选择器 ， 中间加一个空格表示 。其中前面的常用选择器选择父元素 ， 后面的常用选择器选择子元素 ， 样式最终会应用于子元素中 。
如：
<style>
.father.child{
color:#0000CC;
}
</style>
<p class="father">
黑色
<label class="child">蓝色
<b>也是蓝色</b>
</label>
</p>
这里我们定义了所有class属性为father的元素下面的class属性为child的颜色为蓝色 。
后代选择器是一种很有用的选择器 ， 使用后代选择器可以更加精确的定位元素 。
推荐阅读
- switch怎么连笔记本
- qq怎么和陌生人聊天 匹配聊天功能吗是什么
- 苹果手机计步功能怎么开启
- 联想笔记本电脑充不上电怎么回事
- 苹果sris功能怎么打开，苹果怎么语音打开siri？
- 微信提示正在运行怎么关掉，微信运动排行榜功能怎么关闭？
- 华为6pro手环功能
- 我首次研制成功液态金属驱动的功能性轮式移动机器人
- 怎么调出amd控制面板，怎么打开笔记本amd显卡控制面板？
- 扫描到pc是什么意思，打印机有扫描功能这是什么意思啊？