其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。...语法: 语法说明: 元素1 和 元素2 中间用空格隔开 元素1 是父级,元素2 是子级,最终选择的是元素2 元素2 可以是儿子,也可以是孙子等,只要是元素1 的后代即可 元素1 和 元素2 可以是任意基础选择器...3、子选择器 (重要) 定义: 子元素选择器(子选择器)只能选择作为某元素的最近一级子元素。 ...语法说明: 元素1 和 元素2 中间用 大于号 隔开 元素1 是父级,元素2 是子级,最终选择的是元素2 元素2 必须是亲儿子,其孙子、重孙之类都不归他管....语法说明: 元素1 和 元素2 中间用逗号隔开 逗号可以理解为和的意思 并集选择器通常用于集体声明 并集选择器中的最后一个选择器不需要加逗号 例子: 5、伪类选择器 定义: 伪类选择器用于向某些选择器添加特殊的效果
其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。...语法: 语法说明: 元素1 和 元素2 中间用空格隔开 元素1 是父级,元素2 是子级,最终选择的是元素2 元素2 可以是儿子,也可以是孙子等,只要是元素1 的后代即可 元素1 和 元素2 可以是任意基础选择器...3、子选择器 (重要) 定义: 子元素选择器(子选择器)只能选择作为某元素的最近一级子元素。 (简单理解就是选亲儿子元素) 语法: 上述语法表示选择元素1 里面的所有直接后代(子元素) 元素2。...语法说明: 元素1 和 元素2 中间用 大于号 隔开 元素1 是父级,元素2 是子级,最终选择的是元素2 元素2 必须是亲儿子,其孙子、重孙之类都不归他管....语法说明: 元素1 和 元素2 中间用逗号隔开 逗号可以理解为和的意思 并集选择器通常用于集体声明 并集选择器中的最后一个选择器不需要加逗号 例子: 5、伪类选择器 定义: 伪类选择器用于向某些选择器添加特殊的效果
「1.内部样式表(内嵌样式表)」 也称为内嵌式,将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义。...样式属性和值中间是: 多组属性值直接用;隔开 只能控制当前的标签和以及嵌套在其中的字标签,造成代码冗余。...;">青春不常在,抓紧谈恋爱 「3.外部样式表(外链式)」 也称链入式,将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档head...或者说,它能选择任何包含在内的标签。 「2. 子元素选择器」 子元素选择器只能选择作为某元素子元素**(亲儿子)**的元素。...其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 > 进行连接 这里的子,指的是亲儿子。不包含孙子 重孙子之类。
CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。 目的是为了可以选择更准确更精细的目标元素标签。...复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 后代选择器(重点) 后代选择器又称为包含选择器 作用: 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔...或者说,它能选择任何包含在内 的标签。 子元素选择器 作用: 子元素选择器只能选择作为某元素子元素(亲儿子)的元素。...其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 > 进行连接 语法: .class>h3{color:red;font-size:14px;} ?...(重点) 伪类选择器: 为了和我们刚才学的类选择器相区别 类选择器是一个点 比如 .demo {} 而我们的伪类 用 2个点 就是 冒号 比如 :link{} 伪娘 作用: 用于向某些选择器添加特殊的效果
开关 /a 标识符 使用“题注”命令(“插入”菜单中“引用”子菜单)列出加上题注的项目,但省略题注标签和编号。此标识符与题注标签相对应。...Word 用 SEQ 域给各项编号,这些项用“插入”菜单中“引用”子菜单中的“题注”命令设定题注。与题注标签相对应的 SEQ 标识符必须与SEQ 域中的标识符一致。.../h 超链接 将目录项作为超链接插入。 /l 级别 根据 TC 域指定的特定目录项级别建立目录。.../d “分隔符” 与 /s 开关连用时,指定用于分隔序号和页码的字符。请将字符置于引号中。如果没有指定 /d 开关,则 Word 默认分隔符为一个连字符 (-)。...在由 { TOC /o “1-3” /s chapter /d “:” } 产生的目录中,将使用冒号(:)分隔章节号和页码,例如,“2:14”。
,我们就必须要用到单竖线 | ,CSS选择器里面单竖线是一个命名空间的分隔符,而HTML 里面命名空间分隔符是 冒号 : 。...开头的选择器就是 class 选择器,也是最经典之一 它会选择一个 class,我们也可以用空格做分隔符来制定多个 class 的 这个 .class 只要匹配中其中一个就可以了 ID 选择器|id selector...标签,其实任何可以获得焦点的元素都可以使用 :target —— 链接到当前的目标,这个不是给超链接用的,是给锚点的 a 标签使用的,就是当前的 HASH指向了当前的 a 标签的话就会激活 target...我们可以想象一下,当我们在开始标签计算的时候,肯定不知道它有没有子标签。empty 影响不是特别大,但是 last-child 的这个关系其实还是影响蛮大的。...小练习 编写一个 match 函数。它接受两个参数,第一个参数是一个选择器字符串性质,第二个是一个 HTML 元素。这个元素你可以认为它一定会在一棵 DOM 树里面。
上下文选择符以空格作为分隔符 特殊的上下文选择符 子选择符 > 格式如下: 标签1 > 标签2 标签1 必须是 标签2 的父元素,不能是其它的祖先元素。...section * a {font-size: 1.3em;} 所有section标签的 非子标签(*是所有的子标签)的a标签字体设置为 1.3 em; ID和类选择符 使用ID和类选择符,首先要在HTML... 多个类名放在同一对引号吃,用空格分隔。...结构化伪类会在标记中存在某种结构上的关系时,为相应元素应用CSS样式。 伪类使用:(冒号)作为选择符。两个冒号(::)表示新增的伪元素。 UI伪类 UI伪类会基于特定的HTML元素的状态应用样式。...如果用户点击一个指向页面中其他元素的链接,则那个元素就是目标,可以用:target 选中。
1.CSS规则由两部分构成,即选择器和声明器 声明必须放在{}中并且声明可以是一条或者多条 每条声明由一个属性和值构成,属性和值用冒号分开,每条语句用英文冒号分开 注意: ...--其中@import导入文件,前面必须放一个符号,url(".....css")表示样式文件位置--> 3)链接式和导入式区别 1....标签属于XHTML范畴中而@import是css2.1中特有的 2.使用,的链接css客户端浏览网页时先将css网页加载到网页中,在进行编译显示,所以这种情况下显示出的网页与用户预期的一样即使网速再慢也是一样的效果...; 2)相邻兄弟选中的是与E元素仅挨的F元素,其中选中的仅是一个元素 8.结构伪类选择器 1)E:first-child 作为父元素的第一个子元素的元素E 2) E:last-child... 作为父元素的最后一个子元素的元素E 3)E F:nth-child(n) 选择父级元素E 的第n个元素F(n可以是1/2/3)关键字为even odd 4)E:first-of-type
将分类列表的方式显示(使用标签分隔列表项)。默认设置为列表(无序列表)。有效值: list – 默认 none show_count (布尔)显示文章数量。默认情况下不显示文章数量。...有效值: 1 (True) – 默认 0 (False) use_desc_for_title (布尔)是否将分类描述作为分类链接中的 title 属性,默认为 true。...exclude (字符串)排除一个或多个分类。使用逗号分隔每个分类的ID。参数 include 必须为空。 exclude_tree (字符串)排除分类树。使用逗号分隔每个分类的ID。...pad_counts (布尔)计算包括子分类的链接或文章数。如果 show_counts 和 hierarchical 为 true ,这个参数就自动设置为 true 。...> 只显示指定分类的子分类 显示ID为 8 的分类的子分类,根据ID排序,显示文章数,并且将分类描述作为连接的 title属性。注意:如果父分类没有文章,将不显示父分类。
代码抽取出来,单独放在一个标签中....标签理论上可以放在html文档的任意地方,但一般会放在标签中. 3.外部样式表(链接式)用的最多!...语法: 元素1 元素2 {样式声明} 上述语法表示选择元素1里面的所有元素1(后代元素) 例如: ul li {样式声明} 元素1和元素2中间用空格隔开 元素1是父级,元素2是子级,最终选择的是元素...2 元素2可以是儿子,也可是是孙子等,只要是元素1的后代即可 元素1和元素2可以是任意基础选择器. 2.子选择器(重要) 子元素选择器只能选择作为某元素的最近一级子元素.简单理解就是选亲儿子元素....语法: 元素1 > 元素2 {样式声明} 元素1和元素2之间用大于号隔开 元素1是父级,元素2是子级,最终选择的是元素2. 3.并集选择器 并集选择器可以选择多组标签,同时为他们定义相同的样式.通常用于集体声明
class:指定标签的类名。CSS操作,把一些特定样式放到一个class类中,需要此样式的标签,可以在添加此类。 2、CSS选择器常见的有几种?...分隔,同时匹配元素E或元素F | | E F —后代选择器 | 用空格分隔,匹配E元素所有的后代元素F | | E>F —子元素选择器 | 用空用>分隔,匹配E元素的所有直接子元素 | | E+F...和 # 本身充当分隔符的元素| |element#id | id和class选择器和选择器连写的时候中间没有分隔符,....(n) | 与:nth-last-child() 作用类似,但是仅匹配使用同种标签的元素| | E:last-child| 匹配父元素的最后一个子元素,等同于:nth-last-child(1)|...| E:first-of-type | 匹配父元素下使用同种标签的第一个子元素,等同于:nth-of-type(1)| | E:last-of-type | 匹配父元素下使用同种标签的最后一个子元素,
export somekey=somevalue # 一键创建全局环境变量 特别注意: 1.在父进程中修改的全局变量会影响子进程中的该变量; 2.但是在子进程中修改该变量不会影响到父进程中的该变量。...注意:不需要$符号 注意:同创建环境变量一样,子进程中删除在父进程中export导出的全局环境变量不会影响到父进程。...1.将个人环境变量设置放在/etc/profile.d目录中,创建一个.sh结尾的文件,将所有新的或者修改过的全局环境变量设置放在这个文件中。 2.放在~/.bashrc文件中。...附录 - 默认环境变量 bash shell 支持的Bourne变量 变量 描述 CDPATH 冒号分隔的目录列表,作为cd命令的搜索 HOME 当前用户的主目录 IFS sell用来将文本字符串分割成字段的一系列字符...) OPTARG getopts命令处理的最后一个选项参数值 OPTIND getopts命令处理的最后一个选项参数的索引号 PATH shell查找命令的目录列表,由冒号分隔 PS1 shell命令行界面的主提示符
选择E元素所有的后代中满足F选择器条件的元素(不只是子元素,子元素所有的后代) E>F "子元素选择器,用>分割。...选择E元素所有的直接子元素中满足F条件的元素" E+F "直接相邻选择器,用+分割。 选择E元素之后相邻的下一个兄弟元素F,但要处于同一个父元素内" ?...,注意这里是由两个冒号的 ::selection{ color:red; } //被鼠标选中的文字会变红 E:first-child 匹配其父元素E的第一个子元素 E:last-child 匹配父元素的最后一个子元素...匹配其父元素的倒数第N个子元素,第一个编号为1 小tip:先找到E的父元素,再选择它父元素下面第n个元素 E:nth-of-type(n) 选择满足E选择器的元素的父元素内,满足E选择器条件的子元素中不同种类型...匹配父元素下使用同种标签的第一个子元素,等同于:nth-of-type(1) E:last-of-type 匹配父元素下使用同种标签的最后一个子元素,等同于:nth-last-of-type(
1.2 概述及格式 标签和标签之间有 父子 关系,例如: 标签的父标签为 标签。...格式:(用逗号分隔) 选择器 1 ,选择器 2 …..{ /*css 样式代码 */ } 意思为:为选择器 1 和 选择器 2 设置相同 CSS 样式 1.2...格式:(用冒号连接) 选择器 : 伪类 { /*css 样式代码 */ } 意思为:为选择器 1 和 选择器 2 设置相同 CSS 样式 1.2 链接伪类:常见...准备代码: div 下第一个子元素字体颜色变为红色, div 下最后一个子元素字体颜色变为蓝色 1 ...:before :after :first-letter :first-line 以上效果都好像在内容体中追加了一个带有特殊样式的 span 2 、伪类选择器:可以为 HTML
在子进程中修改的全局变量只对子进程及其更下层进程有效,对父进程是无效的,即子进程的修改无法反映到父进程中,父进程的全局变量仍然保持原样。 总而言之,即全局变量的增删改查都只是向下单层单向独立继承。...其实也好理解,因为不同进程之间的各个参数都是独立的,因此只有在创建子进程的时候存在父进程到子进程的变量继承,创建后两个进程之间的变量就是完全独立的,互不影响。...unset var 和修改全局变量类似,在子进程中删除全局变量也无法反映到父进程中。...特殊环境变量 特殊变量 说明 $0 ~ $9 位置参数,$0 是命令名,$1 ~ $9 是命令参数 $# 记录脚本运行时携带的命令参数个数 $* 用双引号括起后,将所有命令参数当作单个单词保存,即看作一个整体...$@ 用双引号括起后,将所有命令参数当作字符串中的多个独立单词保存,即看作多个个体 $?
1、find_element使用给定的方法定位和查找一个元素 2、find_elements使用给定的方法定位和查找所有元素list 常用定位方式共八种: 1.当页面元素有id属性时,最好尽量用by_id...定位到form直接子元素中的第一个span元素,可定位到一个元素: 4)最后一个子元素 :last-child [类同:first-child] userName = driver.find_element_by_css_selector...XPath是XML Path的简称,是一门在XML文档中查找信息的语言,由于HTML文档本身就是一个标准的XML页面,所以XPath在XML文档中通过元素和属性进行导航。...而当/出现在XPath路径中时,则表示寻找父节点的直接子节点,当//出现在XPath路径中时,表示寻找父节点下任意符合条件的子节点,不管嵌套了多少层级。...如下面源码示例: 这段代码中的“订餐”这个超链接,没有标准id元素,只有一个rel和href,不是很好定位。
::before 和 :after 中双冒号和单冒号有什么区别?解释一下这 2 个伪元素的作用。 相关知识点: 单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。...(伪元素由双冒号和伪元素名称组成) 双冒号是在当前规范中引入的,用于区分伪类和伪元素。...elem:last-child 选中最后一个子元素。 elem:only-child 如果elem是父元素下唯一的子元素,则选中之。...任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。注意,设为Flex布局以后,子元素的float、clear和vertical- align属性将失效。...默认值为auto,表示继承父元素的align-items 属性,如果没有父元素,则等同于stretch。 14. 用纯 CSS 创建一个三角形的原理是什么? 采用的是相邻边框连接处的均分原理。
,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写儿子孙子。...或者说,它能选择任何包含在内 的标签。 1.2 子元素选择器 作用: 子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。...其写法就是把父级标签写在前面,子级标签写在后面,中间跟一个 > 进行连接 语法: .class>h3{color:red;font-size:14px;} ?...1.5 链接伪类选择器(重点) 伪类选择器: 为了和我们刚才学的类选择器相区别 类选择器是一个点 比如 .demo {} 而我们的伪类 用 2个点 就是 冒号 比如 :link{} 伪娘 作用: 用于向某些选择器添加特殊的效果...概念: 子标签会继承父标签的某些样式,如文本颜色和字号。 想要设置一个可继承的属性,只需将它应用于父元素即可。 简单的理解就是: 子承父业。
比如说有一个列表 ul,列表之中有大量的列表项 标签: 超链接一...class="my_link">超链接三 当我们的鼠标移到标签上的时候,需要获取此的相关信息并飘出悬浮窗以显示详细信息,或者当某个被点击的时候需要触发相应的处理事件...javascript:;" class="link">超链接三 上方代码,为父节点注册 click 事件,当子节点被点击的时候,click...父节点捕获到事件之后,开始执行方法体里的内容:通过判断 event.target 拿到了被点击的子节点。从而可以获取到相应的信息,并作处理。...换而言之,参数为false,说明事件是在冒泡阶段触发(子元素向父元素传递事件)。而父节点注册了事件函数,子节点没有注册事件函数,此时,会在父节点中执行函数体里的代码。
行内标签和块标签有哪些以及都有什么特点 块标签 每一个块属性标签都是从新的一行开始,而且之后的元素也都会从新的一行开始 可以设置宽度、高度,行高,距顶部距离,距底部距离 块属性标签的宽度假如不做设置,会直接默认为父元素宽度的...请注意,从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。 标签创建的是被引用图像的占位空间。...第一种,父子组件通信 一.父组件向子组件传值 二.子组件向父组件传值或更新父组件值 vuex 状态管理模式、集中式存储管理 介绍一下CSS的盒子模型 盒模型:内容(content)、填充(...谈谈null与undefined的区别 在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。...参数方式是不一样的 各大浏览器的内核总结 JavaScript中split()和join()的区别 split()用于分割字符串,返回一个数组 join()用于连接多个字符或字符串 数组方法push(
领取专属 10元无门槛券
手把手带您无忧上云