关于子元素选择器的一个问题_html/css_WEB-ITnose

本帖最后由 xyz121323693 于 2013-01-18 09:33:28 编辑

若是您欲望选择只作为 h1 元素子元素的 strong 元素,可以如许写:

 

h1 > strong {color:red;}
 

这个规矩会把第一个 h1 下面的 strong 元素变为红色,然则第二个 strong 不受影响:

 

This is very important.

This is really very important.

想问一下,怎么第二个就不受影响?

回复讨论(解决方案)

什么问题?只能猜测了 
这个是 h1 > strong {color:red;}
子代选择器,意识是  只有h1 的 直接子元素 strong  才有效果。
如果 strong里  还包含 strong的话 ,那么 对内层的 strong是不起作用的

如果 想 对h1 下的所有 strong 有效果,就用 后代选择器,h1 strong{color:red;}

什么问题?只能猜测了 
这个是 h1 > strong {color:red;}
子代选择器,意识是  只有h1 的 直接子元素 strong  才有效果。
如果 strong里  还包含 strong的话 ,那么 对内层的 strong是不起作用的
子元素是对所有的子元素有效啊。这儿就不行了。为什么?

要区分  子选择器(>) 跟  后代选择器 (空格) 的区别.
你说的问题原因是:外面嵌套了一个 元素节点,子代选择器 是 选得直接后代,不能被其他元素节点包围的 ,不如就不叫子选择器了。

明白了。现在好了

儿子和孙子的区别

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2842712.html

(0)
上一篇 2025年3月10日 05:45:51
下一篇 2025年3月10日 05:45:59

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论