包含(后代)选择器

包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如代码:

.first  span{color:red;}

请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

总结:>作用于元素的第一代后代,空格作用于元素的所有后代。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,253评论 0 40
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,682评论 0 30
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 986评论 0 3
  • 认识css CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML...
    三秒嗨阅读 654评论 0 1
  • 作者/齐天 01 冬未至 我的心 便结上了一层厚厚的冰 02 你总说再见 我路过全世界 也没再遇见 03 我们生活...
    小圣齐天阅读 1,174评论 55 33