读书频道 > 网站 > 网页设计 > CSS插件工具箱
2.2.3 子选择器
12-07-08    叶孤城
收藏    我要投稿   

本文所属图书 > CSS插件工具箱

本书提供了100个现成的CSS类和类组合,可直接将它们用于你的Web页面中。如果你不熟悉CSS,也不用担心自己将使用并不理解的插件,因为它们都有详细的文档说明,文档中清楚地介绍了它们的功能,一般还有关于如何进...立即去当当网订购
子选择器与后代选择器类似,但其对何时应用样式有更多限制,其只选择某一元素的直接子元素来应用样式。例如,下列代码使用一个后代选择器将一个段落中的粗体文本改为红色,即使粗体文本本身在斜体标记中(例如,<p><i><b>Hello</b> there</i></p>):
 
p b { color:red; }
 
在这个例子中,单词Hello显示为红色。不过,当不需要这种较通用的行为时,子选择器可用于缩小选择器的范围。例如,下列子选择器仅当元素是段落的直接子元素,而元素本身没有包含在另一元素中时才把粗体文本设置为红色。
 
p > b { color:red; }
 
现在,单词Hello将不改变颜色,因为它不是段落的直接子元素。
 
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站