这篇文章将为大家详细讲解有关css后代选择器怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  css后代选择器

  说明:

  后代选择器又称为包含选择器

  作用:

  用来选择元素或者元素组的子孙后代

  写法:

  把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写爷爷父亲在再写儿子孙子

  语法:

.classh4{color:red;font-size:16px;}  注意:

  当标签发生嵌套时,内层标签就成为外层标签的后代。

  子孙后代都可以这么选择,或者说它能选择任何包含在内的标签。

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>后代选择器</title><style>divp{color:green;font-size:19px;}</style></head><body><h4>纳兰公子</h4><divclass="nav"><p>谢家庭院残更立,燕宿雕梁。</p><p>月度银墙,不辨花丛那辨香。</p><p>此情已自成追忆,零落鸳鸯。</p><p>雨歇微凉,十一年前梦一场。</p></div><p>落花如梦凄迷,麝烟微,</p><p>又是夕阳潜下小楼西。</p><p>愁无限,消瘦尽,有谁知?</p><p>闲教玉笼鹦鹉念郎诗。</p></body></html>

关于“css后代选择器怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。