串联选择器:作用在同一个标签上

复制代码

代码如下:


<div class=”a” id ="qq"><span>look at the color</span></div></p> <p>css: #qq.a{
….
}

后代选择器:作用在不同标签上

复制代码

代码如下:


<div id ="qq"><span class=”a”>look at the color</span></div>
css: #qq .a{
}

注意#qq .a 之前有空格

CSS串联和后代选择器相关推荐

  1. CSS中子选择器和后代选择器之间有什么区别

    CSS子选择器和后代选择器之间有什么区别?下面本篇文章就来给大家对比一下子选择器和后代选择器,介绍子选择器和后代选择器之间的区别,希望对大家有所帮助. 子选择器 子选择器用于匹配指定元素的所有子元素: ...

  2. 【CSS 教程系列第 8 篇】什么是 CSS 中的后代选择器

    这是[CSS 教程系列第 8 篇],如果觉得有用的话,欢迎关注专栏. CSS 的选择器有很多,常用的有 元素选择器.id 选择器.class 选择器.后代选择器.子代选择器.并集选择器.交集选择器.伪 ...

  3. css字体样式,选择器,外观属性

    css字体样式,选择器,外观属性 字体样式 ont-size:字号大小 font-family:字体 css unicode 字体 font-weight:字体粗细 font-style:字体风格 f ...

  4. css里的符号含义【串联选择器】和【后代选择器】

    先介绍一下串联选择器和后代选择器的概念. 串联选择器 作用在同一个标签上. <div class="a" id ="qq"><span> ...

  5. CSS复合选择器(后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器)

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器 后代选择器又称为包含选择器 作用:用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,中间 ...

  6. 基本CSS选择器,复合选择器,后代选择器

    基本CSS选择器有标记选择器.类别选择器.ID选择器3种 1.标记选择器     每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等 2.类别选择器     类别选择器的名称可 ...

  7. html的css样式中表示后代选择器,html添加css——样式选择器

    如何给html添加样式.两种方法:css 1.新创建一个css样式表,与原html同目录,而后经过link标签连接.如:(link标签是一个void元素,无结束标签.)html 2.直接在html源码 ...

  8. [css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别?

    [css] 相邻兄弟选择器.后代选择器和子选择器三者有什么区别? 后代选择器与子选择的关系:后代选择器>子选择器. 后代选择器:包括父元素的子元素以及孙子元素(代表符号:空格)子选择器:包括父元 ...

  9. [css] 为什么说css中能用子代选择器的时候不要用后代选择器?

    [css] 为什么说css中能用子代选择器的时候不要用后代选择器? 选择从右到左依次解析匹配,所以后代选择器会去找它的所有父级, 而子代选择器只会选择直接的父级:减少匹配次数,提高效率 个人简介 我是 ...

最新文章

  1. jsp分页显示的代码与详细步骤 复制代码
  2. 23篇大数据系列(二)scala基础知识全集(史上最全,建议收藏)
  3. oracle 删除 queue,C++ stl队列Queue用法介绍:删除,插入等操作代码举例
  4. //变量在scala中没有自增自减的操作
  5. 为何需要商业智能BI软件
  6. chown: 无效的用户: hadoop-3.1.4_Ubuntu 21.04 用户主目录权限将14年来首次变更及新功能预览...
  7. 很酷的CSS3仿Facebook登录表单
  8. c语言免杀程序源码,[原创]Window下基于C/C++源码免杀理论及思路(新手篇)
  9. ECharts 教程
  10. 最新TP开源的淘宝客系统/推券客CMS系统+功能强大
  11. 各种单点登录方案调研
  12. ios 合并图片显示
  13. 学习Android闹钟源代码(三)-AlarmClock类分析(part2)
  14. 笔记本html外接显示器,提升效率 笔记本外接显示器(Intel篇)
  15. 【html5基础学习速成】
  16. Conflux一周年 | 25分钟 VS 以太坊7个月,伍爷の硬核庆生
  17. cf #818 Div.2(A~C)
  18. 成都普陀计算机学校,成都智慧校园软件
  19. 使用机器学习预测股票市场(机器学习案列)
  20. api-proxy-house(APH)使用说明

热门文章

  1. 第一章 Linux是什么
  2. 两种实现简单cp的方法
  3. 【ARTS】01_12_左耳听风-20190128~20190203
  4. String, StringBuffer, StringBuilder之间的区别
  5. PowerDesigner11技巧
  6. python怎么处理文字_python 处理给规范的文字
  7. linux open 头文件_linux下通过共享内存和mmap实现进程间通讯
  8. java获取s3对象url_java-如何通过SDK设置S3对象的内容类型?
  9. idea打包meven镜像_Intelij IDEA中修改maven为国内镜像
  10. 鸿蒙系统发布会16号几点,华为鸿蒙手机系统正式定档发布,12月16日于我们见面...