CSS(层叠样式表)之复合选择器

交集选择器

由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.one,表示:类名为one的h3标签

并集选择器

div, p, span ,.one{}

常用于集体声明

后代选择器

子孙后代都可以选择,即选择任何包含在内的标签

写法:把外标签写在前面,内层标签写在后面,中间用空格分隔。

div  p {}   /*指选中div标签包含着的全部p标签*/

子元素选择器

子元素选择器只能选择作为某元素子元素的元素,不包含其孙子以及更里级的元素。

写法:父级标签写在前面,子级标签写在后面,中间跟一个>进行连接,注意,符号左右两侧各保留一个空格。

.div > h3 {}  /*div标签中的直接子元素h3,不包含孙子以外的,只能是亲儿子*/

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

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,078评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 选择器 元素选择器 作用:通过元素选择器可以选择页面中的所有指定元素 语法:标签名{} id选择器 作用:通过元素...
    2simple阅读 3,923评论 0 0
  • 1.class 和 id 的使用场景? class:类选择器,一个标签可以有多个类且同一个类可以用到不同的标签上,...
    饥人谷_兔子君阅读 4,924评论 0 0
  • 1、class和id的使用场景分别是什么? 首先,一个HTML文件中class名字可以有多个相同的,但是id的名字...
    李博洋li阅读 4,479评论 0 1