继承给我们的程序带来一定的困扰，所以认真的学习继承的原理，下面有个不错的示例，一个处理继承的一个方法，感兴趣的朋友可以参考下
继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法。
在一段CSS代码中见到一个大于号(>)，代码如下：
BODY#css-zen-garden > p#extrap2 { BACKGROUND-IMAGE:url(../images/bg_face.jpg); Z-INDEX: 2; POSITION: fixed; WIDTH: 205px; BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left bottom; HEIGHT: 594px; LEFT: 0px }CSS中的大于号表示什么意思呢？
立即学习“前端免费学习笔记（深入）”；
举例说明：有一个p层包含多个span标签，代码如下：
亲人 独家记忆 离不开你
此时用CSS定义其样式应该这样：
p span { font:10px; color:blue; }但是此时，需要将第一个span标签显示不同的样式，后两个标签样式不变，怎么办呢？将第一个span放到一个p标签中，这样可以吗？代码如下：
亲人
独家记忆 离不开你
遗憾的是这样不可以，因为p span {……}样式对p层之下的所有span标签都起作用，不管是子标签，还是孙辈的标签，所以该样式依然起作用。此时就用到了CSS中的”大于号”。
现在我们把这个样式改变一下，代码如下：
p > span { font:10px; color:blue; }这样就可以实现第一个span标签与其它两个显示不同的样式。所以我们可以知道CSS中的”大于号”的作用是：在嵌套标签中，将样式只作用于儿子辈的标签，而不作用于孙子辈的标签。
但是还存在这样一种情况，如下代码：
亲人 丁当 独家记忆 离不开你
此时，这个”大于号”还会起作用吗？答案是：不会。因为这个孙子辈的span标签继承儿子辈的span标签样式。
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
CSS中的inherit使用分析
CSS样式的覆盖规则
以上就是关于CSS样式中大于号的使用及Css中处理继承方法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1610143.html
微信扫一扫 
支付宝扫一扫 
