文章目录 一、基础选择器与复合选择器 二、后代选择器 1、语法说明 2、示例分析 3、完整代码示例 一、基础选择器与复合选择器 ---- CSS 基础选择器 : 在之前的博客中 , 介绍了 CSS...的基础选择器 ; 标签选择器 类选择器 ID 选择器 通配符选择器 在实际开发中 , 基础选择器 不能满足 快速选择标签的需求 ; 复合选择器 是 由 两个以上 的 基础选择器 通过 各种方式 组合 而成的...选择器 ; 复合选择器 可以 更精准 更快速 地 选择 目标元素标签 ; 二、后代选择器 ---- 1、语法说明 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组...; 后代选择器 语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器 子选择器 { 属性名称1:属性值1; 属性名称2:属性值2...设置为 类选择器 .gradefather , 子选择器 也设置为 类选择器 .father2 , 孙子选择器 设置为 标签选择器 label , 那么将 label 标签内的文本设置为红色 , 则可以使用如下样式
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。...交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 ? 记忆技巧： 交集选择器 是 并且的意思。...并集选择器 并集选择器（CSS选择器分组）是各个选择器通过逗号连接而成的，任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。...如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。 ? 记忆技巧： 并集选择器 和 的意思， 就是说，只要逗号隔开的，所有选择器都会执行后面样式。...或者说，它能选择任何包含在内 的标签 子元素选择器 子元素选择器只能选择作为某元素子元素的元素。
CSS选择器分为 基础选择器 和 复合选择器 ，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。 目的是为了可以选择更准确更精细的目标元素标签。...复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 后代选择器（重点） 后代选择器又称为包含选择器 作用： 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔...并集选择器（重点） 应用： 如果某些选择器定义的相同样式，就可以利用并集选择器，可以让代码更简洁。 并集选择器（CSS选择器分组）是各个选择器通过,连接而成的，通常用于集体声明。 语法： ?...任何形式的选择器（包括标签选择器、class类选择器id选择器等），都可以作为并集选择器的一部分。...复合选择器总结 选择器 作用 特征 使用情况 隔开符号及用法 后代选择器 用来选择元素后代 是选择所有的子孙后代 较多 符号是空格 .nav a 子代选择器 选择 最近一级元素 只选亲儿子 较少 符号是
文章目录 一、子元素选择器 1、语法说明 2、代码分析 3、代码示例 二、交集选择器 1、语法说明 2、代码示例 一、子元素选择器 ---- 1、语法说明 子元素选择器 可以选择 某个基础选择器...选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ; 子元素选择器语法 : 父选择器 写在前面 , 子选择器 写在后面 , 两个选择器之间使用 > 大于号隔开 ; 父选择器...父选择器 选择出的元素的 亲儿子 元素 中选择 , 孙子元素 和 重孙子元素 选择不到 ; CSS 基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 2、代码分析 在下面的代码中 ,...---- 1、语法说明 交集选择器 由 两个 基础选择器 组成 , 目的是 选择出 同时满足 两个 基础选择器 要求的标签 ; 交集选择器语法 : 两个基础选择器之间没有空格 ; 基础选择器1基础选择器...2 { 属性名称1:属性值1; 属性名称2:属性值2; 属性名称3:属性值3; } CSS 基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 2、代码示例 下面是 交集选择器 ,
的类名是有顺序的：p.demo**$***5 生成的标签默认显示几个文字：div{这里写文字} 注意：$是自增的符号 快速生成CSS样式 width：100px; w100 可以用首字母快速生成样式 复合选择器...并集选择器 可以将多个标签用同一样式 元素1，元素2{样式声明} 注意： 用逗号来实现 任何选择器都可以作为并集选择器的一部分 最后一个元素不需要加逗号 div, p, .pig li{样式声明} 4....伪类选择器 链接伪类选择器 给某些选择器添加特殊效果，用“ : ”来实现 属性 定义 a:link 选择所有未被访问的链接 a：visited 选择所有已经被访问过的链接 a：hover 选择鼠标指针位于其上的链接...focus伪类选择器 用于选取获得焦点的表单元素input：focus{样式声明} 选择器 作用 用法 后代选择器 用来选择后代元素 符号是空格 .nav a 子代选择器 选择最近一级元素 符号是大于号....nav>p 并集选择器 选择某些相同样式的元素 符号是逗号 .nav,.header 链接伪类选择器 选择不同状态的链接 a:hover{} :focus 选择器 选择获得光标的表单 input：focus
交集选择器」 其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。...并集选择器」 如果某些选择器定义的相同样式，就可以利用并集选择器，可以让代码更简洁。并集选择器（CSS选择器分组）是各个选择器通过,连接而成的，通常用于集体声明。...任何形式的选择器（包括标签选择器、class类选择器 id选择器等），都可以作为并集选择器的一部分。 并集选择器通常用于集体声明 ，逗号隔开的，所有选择器都会执行后面样式，逗号可以理解为和的意思。...「6. focus伪类选择器」 :focus伪类选择器用于选取焦点的表单元素。 焦点就是光标，一般情况类表单元素才能获取，因此这个选择器也主要针对表单元素来说。....nav a 子代选择器 选择 最近一级元素 只选亲儿子 较少 符号是> .nav>p 交集选择器 选择两个标签交集的部分 既是 又是 较少 没有符号 p.one 并集选择器 选择某些相同样式的选择器
本期介绍 本期主要介绍CSS进阶之复合选择器 文章目录 1.概述 2.包含选择器 1.1 概述及格式 1.2 案例代码 3.子对象选择器 1.2 概述及格式 1.3. ...案例代码 5.伪类选择器 1.1 概述及格式 1.2 链接伪类：常见 API 及案例代码 1.3 结构伪类：示例代码 1.4 伪类和伪元素的区别（了解） 6.总结 1.概述 复合选择器：多个基本选择器的组合使用形式...常用的复合选择器：包含选择器、子对象选择器、并集选择器、伪类选择器 2.包含选择器 1.1 概述及格式 包含选择器又名后代选择器。...格式： 选择器 1 选择器 2 …..{ /*css 样式代码 */ } 意思为：搜索选择器 1 下的所有的 选择器 2 1.2 案例代码 准备代码：仅要求 div...建议使用并集选择器替代。 5.伪类选择器 1.1 概述及格式 伪类选择器：指不依靠元素 class 类名筛选，通过元素特征筛选的选择器。
复合选择器 后代选择器 后代选择器 可以选择 子元素 , 孙子元素 , 不限制选择层数深度 ; 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组 ; 后代选择器...语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器 子选择器 { 属性名称1:属性值1; 属性名称2:属性值2; 属性名称3:...选择 元素 ; 子元素选择器语法 : 父选择器 写在前面 , 子选择器 写在后面 , 两个选择器之间使用 > 大于号隔开 ; 父选择器>子选择器 { 属性名称1:属性值1; } 交集选择器 交集选择器...由 两个 基础选择器 组成 , 目的是 选择出 同时满足 两个 基础选择器 要求的标签 ; 交集选择器语法 : 两个基础选择器之间没有空格 ; 基础选择器1基础选择器2 { 属性名称1:属性值1;...} 并集选择器 并集选择器 可以 选择 若干 基础选择器 选择出的 并集元素集合 ; 并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 , 逗号隔开 ; 基础选择器1,基础选择器
文章目录 一、并集选择器 1、语法说明 2、代码示例 二、并集选择器与后代选择器示例 1、添加注释 2、HTML 结构 3、后代选择器 1 4、后代选择器 2 5、并集选择器 6、完整代码示例 7...、显示效果 一、并集选择器 ---- 1、语法说明 并集选择器 可以选择 若干 基础选择器 选择出的 并集元素集合 ; 并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 ,...逗号隔开 ; 基础选择器1,基础选择器2,基础选择器3 { 属性名称1:属性值1; 属性名称2:属性值2; 属性名称3:属性值3; } 注意 : 基础选择器可以是任何类型的基础选择器 ; 子选择器...只能 从 父选择器 选择出的元素的 亲儿子 元素 中选择 , 孙子元素 和 重孙子元素 选择不到 ; CSS 基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 2、代码示例 代码示例..., 需要使用四层 选择器 进行选择 ; /*2.
尽量用一些通俗的语言来讲一下复合文档的结构，如果要真正掌握每一个细节，还是要看官方的文档，所以这里讲的可能不会完全正确，只是大概了解一下复合文档的结构逻辑。...复合文档结构 一个文件在被创建的时候，文档的结构也同时生成，这里不讲生成的过程如何去创建这个结构，只拿生成后的文件来讲。 假如一个10KB文件，每个扇区大小是512Byte，举例如下： ?...01 扇区 复合文档把保存文件的磁盘空间划分了扇区（Sector），在扇区里存放数据信息。文件的开头一个扇区固定是Header结构，这个结构的信息非常重要，是解析整个文件的基础。...03 MiniFAT MiniFAT其实完全可以理解为它是一个单独的复合文档结构，只是没有目录结构。...只要理解了Header结构、目录结构、DIFAT数组、FAT数组、MiniFAT数组，解析复合文档就没什么难度了。 通过这些信息，构建出来扇区链表，就可以到分布的扇区中，读取或者改写数据。
文章目录 一、链接伪类选择器 1、语法说明 2、常用方式 3、代码示例 一、链接伪类选择器 ---- 1、语法说明 链接伪类选择器 可以 设置 链接文本 的 不同状态的样式 : 未访问链接样式 :...时 , 四种选择器必须按照上述顺序 , 如果顺序颠倒会出现错误 ; 实际用法 : 在实际开发时 , 一般只需要设置 a:hover 鼠标经过的样式 , 其它的三种不需要设置 , 不常用 ; 常用方式...: 如果要 给 .nav 类下的 a 链接指定样式 , 则需要使用 后代选择器 + 链接伪类选择器 进行指定 ; a:link 链接伪类选择器 不常用 , 设置 a 标签样式 等同于 a:link 样式...效果 ; /* a 标签选择器 同时设置的样式等同于 a:link 链接伪类选择器 */ .nav a { color: gray; } /* :hover 链接伪类选择器 鼠标经过变成红色...*/ .nav a:hover { color: red; } CSS 基础选择器 : 标签选择器 类选择器 ID 选择器 通配符选择器 3、代码示例 代码示例 : <!
▽ 其实这种复合饼图在数据表达与展示上与传统饼图相差无几，只是形式比较新颖，能够对局部数据突出展示，所以视觉传达效率比较高。...以下是小魔方通过参考多个渠道的信息，总结的复合饼图制作一般方法步骤： ▽▼▽ ►首先整理作图原数据; ►利用占比数据做传统的饼图： ►将占比数据再添加一次： ►此时饼图中已经加入了两个同样的数据序列，
实际开发中往往数据来自不同的表，所以需要多表查询。现在我们用三张表EMP,DEPT,SALGRADE来演示多表查询。
'off'),plt.title("T4:Shear") plt.imshow(cv2.cvtColor(imgT4, cv2.COLOR_BGR2RGB)) plt.show() 算法：图像复合变换是指对给定的图像连续进行多次上述的平移
很多情况下会用到复合查询： ---- $query->orWhere('target_type','offline'); $query->where(function($query
联言命题及其推理 复合命题是由简单命题通过逻辑联结词组合而成的，它由支命题和联结词两部分构成，联结词决定复合命题的逻辑性质。根据联结项的不同性质，复合命题分为联言、选言、假、负命题。...一、联言命题概述（且） 联言命题是断定多种事物情况同时存在的一种复合命题，由联言支、联言联结词两部分构成。 例1、油哥是学生，并且是兼职作家。 分析：是联言命题。...汉语中的并列复合句、递进复合句、转折复句一般表达联言命题。 例2、峣峣（yao,直）者易折，皎皎者易污。（并列复句） 例3、悠悠不仅医术好，而且是名医。...（递进复合句） 例4、成功需要努力，但仅仅努力是不够的（转折复合句） 例5、逻辑学是基础课和选修课（单句） 联言命题（且）命题中，所有联言支为真，命题为真，否则假。...互相的） 二、假言推理 假言推理是前提之一为假言命题，并根据假言命题的逻辑性进行推演的复合命题推演。包括假言（条件）直言推理、假言换位推理、假言连锁推理三种。
对于CURD之一的查找，他作为最重要的操作，仅仅在一张表之中查是不够的，还需要在多表之间进行查询，复合查询就是解决多表查询的问题。...and emp.sal > tmp.myavg) t1 where t1.deptno = dept.deptno; 所以，面对非常复杂的查询问题，都可以将其进行分解，因为复杂的问题也都是由简单的问题复合而成的
复合查询 前面我们讲解的 mysql 表的查询都是对一张表进行查询，在实际开发中这远远不够，接下来我们要学习多表查询，即符合查询。
MongoDB支持复合索引，即将多个键组合到一起创建索引。该方式称为复合索引，或者也叫组合索引，该方式能够满足多键值匹配查询使用索引的情形。其次复合索引在使用的时候，也可以通过前缀法来使用索引。...MongoDB中的复合索引与关系型数据库基本上一致。在关系型数据库中复合索引使用的一些原则同样适用于MongoDB。本文主要描述MongoDB复合索引。...复合索引可以支持要求匹配多个键的查询 复合索引每一个键的顺序非常重要，这将决定该索引在查询过程中能否被使用到 复合索引支持前导(缀)列索引查询...不能够创建基于哈希索引类型的复合索引 任意复合索引字段不能超过31个 二、复合索引示意图 如下图所示，在集合的userid以及score列上创建一个复合索引，其中userid为升序，score..."ok" : 1 } 3、复合索引与排序 复合索引创建时按升序或降序来指定其排列方式。
ES在查询过程中比较多遇到符合查询，既需要多个字段过滤也需要特殊情况处理，本文简单介绍几种查询组合方便快捷查询ES。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
