首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

【CSS】CSS 复合选择器 ① ( 基础选择器与复合选择器 | 后代选择器 )

文章目录 一、基础选择器与复合选择器 二、后代选择器 1、语法说明 2、示例分析 3、完整代码示例 一、基础选择器与复合选择器 ---- CSS 基础选择器 : 在之前的博客中 , 介绍了 CSS...选择器 ; 复合选择器 可以 更精准 更快速 地 选择 目标元素标签 ; 二、后代选择器 ---- 1、语法说明 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组...; 后代选择器 语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器选择器 { 属性名称1:属性值1; 属性名称2:属性值2...; 属性名称3:属性值3; } 2、示例分析 下面的代码中 , 选择 div 下的 label 标签 , 就可以使用后代选择器 ; 内部文本...则可以使用如下样式 : .father label { color: blue; } 下面的代码中 , 选择 div 下的 div 下的 label 标签 , 就可以使用后代选择器

1.8K10

【说站】css后代选择器和子元素选择器的区别

css后代选择器和子元素选择器的区别 说明 1、后代选择器使用空格作为连接符号,子元素选择器使用>作为连接符号。 2、后代选择器选中所有的特定后代标签,子元素选择器选中所有的特定的直接标签。...后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标 签中的特 定标签都会被选中 子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签...单纯用后代选择器很难做到吧!...这时候子代选择器就出场了,可以这样写:   div > ul > li{ 注:>是指只能一代接一代,比如:div > ul > li }   如果想选择div中所有li...                                                              以上就是css后代选择器和子元素选择器的区别

1.6K30

前端学习笔记之CSS后代选择器、子元素选择器、相邻兄弟选择器区别与详解

派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。...1、css后代选择器 语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,...为后代选择器。...即,无论你在哪里,我都要选中你,因为你是我的后代。...3、相邻兄弟选择器 语法:h1 + p {margin-top:50px;} 表示是“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”这是官方的说法,理解的误区在于这个加号,h1

93140

如何科学预测后代的身高

3,选择响应 把上面选择的个体进行繁育,后代的平均值为112,这里的选择响应就是112-100=12 4,选择差和选择响应的关系 育种中,高遗传力的,你优中选优,后代大部分可以遗传。...低遗传力的,你优中选优,后代平均值几乎不变。...这是因为选择差和选择响应的关系是: 选择响应 = 选择差 * 遗传力 所以,上面的遗传力为:12/20 = 0.6 计算后代的身高 题目: 父亲180,母亲165,他们的子女身高多少?...解答: 先计算父母对于平均值的离差: 父亲高于平均身高的值为:180-172=8,选择差为8 母亲的选择差为:165-160=5,选择差为5 父亲可以遗传给后代的为:8*0.8 = 6.4 母亲可以遗传给后代的为...如果成千上万的亲子身高数据,我们就可以观测到回归的现象,就是高尔顿所观测到的高的父母,后代会低于父母的平均值,低的父母,会高于父母的平均值。

97630

转基因蚊子后代死亡的原因

转基因蚊子后代死亡的原因 「新闻:」 ❝#美国将释放数百万转基因蚊子# 为阻止疟疾等致命疾病的传播,今年夏天,一种新培育出的基因变异蚊子将在美国各地传播。...当这些蚊子与野生雌性蚊子交配时,它们的雌性后代会全部死亡,这将会导致蚊子野生族群的暂时崩溃,阻止疾病传播。但早前,巴西也创造了类似的基因变异蚊子,结果这些蚊子反而超级抗药性,更难杀死。...❞ 「咬人的母蚊子:」 ❝亮点:实验室转基因蚊子与野生种蚊子杂交后,后代雌性的会死亡。咬人的蚊子都是雌性的,所以存活的后代不会咬人。...这些雄蚊和野生蚊子产生的雌性后代在TAC作用下死亡,而雄性后代继续携带TAC与野生型雌虫交配……最终就能使目标种群“自毁”。

46710

【CSS选择符】后代选择符

在学习后代选择符之前,首先要了解一下组成一个网页的HTML家谱,每个HTML标签标示其中一个家庭成员。网页中的第一个HTML标签(标签),相当于所有其他标签的始祖。...后代:标签里的其他标签是后代。标签是标签的后代, 标签即使标签的后代,也是标签的后代。 父辈:父辈标签是另一个标签的直接祖辈。标签是和的父辈,而不是其他标签的父辈; 标签是标签的父辈。...在CSS中,后代选择器的写法是: 祖辈 后代 { 样式 ; } 首先,先找到祖辈,然后中间有一个空格,空格后面跟着后代。...一般来说,应该使用能达到目的的最简短的后代选择符。所有标签都在和标签里,因此没要在后代选择符中指定和。 后代选择符里的选择符数量会影响冲突样式的处理方式,这种冲突处理机制成为特指度。...同样的,后代选择符也不局限于只能使用类型选择符。 可以使用不同类型的选择符构建复杂的后代选择符。

71850

【CSS】CSS 总结 ④ ( CSS 特性 | 样式层叠冲突 | 样式的继承性 | 样式优先级 | 选择器基本权重 | 后代选择器权重计算 | 链接伪类选择器权重计算 | 判定标签样式 ) ★

, 需要计算对应的 选择器 权重 ; 4、选择器基本权重 CSS 选择器 选择器优先级 - 权重计算 继承父标签的样式 , * 通配符选择器 0,0,0,0 标签选择器 0,0,0,1 类选择器,链接伪类选择器...important; } 5、后代选择器权重计算 div p span 选择器权重计算 : 这 3 个选择器 是 三个 基础选择器 标签选择器 组合而成的 后代选择器 ; 该选择器设置的是 div...; 因此 最终的 div p span 选择器 的 权重为 0,0,0,3 ; 6、后代选择器权重计算二 .nav p span 选择器权重计算 : 该选择器后代选择器 , 由 1 个 类选择器...; 7、链接伪类选择器权重计算 a:hover 选择器权重计算 : 该选择器 是 链接伪类选择器 , 由 1 个 链接选择器 , 1 个 伪类选择器 组合而成的 ; 该选择器是 设置 鼠标 经过 标签...* 通配符选择器 0,0,0,0 标签选择器 0,0,0,1 类选择器,链接伪类选择器 0,0,1,0 ID 选择器 0,1,0,0 标签的行内样式 style 属性 1,0,0,0 样式后添加 !

6110

【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )

文章目录 一、CSS 选择器作用 二、CSS 选择器分类 三、标签选择器 1、简介 2、代码示例 四、类选择器 1、简介 2、类名规范 3、代码示例 4、div 与 span 标签 ① span...标签 ② div 标签 5、多类名选择器 一、CSS 选择器作用 ---- CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置...选择器分类 ---- CSS 选择器 主要分为 : 基础选择器 复合选择器 两种类型 ; CSS 基础选择器 主要分为以下几类 : 标签选择器选择器 id 选择器 通配符选择器 三、标签选择器 --...-- 1、简介 标签选择器 是 使用 HTML 标签作为选择器 , 如果 HTML 引入了使用 标签选择器的 CSS 样式 , 那么该 HTML 中的 所有的指定标签 , 都使用该 CSS 样式 ; 标签选择器...1、简介 CSS 类选择器 可以 将 页面中的 某几个 标签选择出来 , 使用 " .类名 " 识别标签 ; CSS 类选择器 使用方式如下 : 首先 , 在标签中的 class 属性中设置类名 ;

2.8K20

css选择器类型

1、标签选择器 li{ } 2、类选择器 .leiming{ } 3、ID选择器 #leiming{ } 4、伪类选择器(lvha的顺序不能变) a:link{ /*未访问状态*/ } a:visited...{ /*已访问状态*/ } a:hover{ /*鼠标悬停状态*/ } a:active{ /*激活选定状态(鼠标点击未释放时)*/ } 5、后代选择器/包含选择器(所有子后代元素):用来选定特定元素或元素组的后代...格式:父元素   子元素{    },对于多层祖先后代关系,可以多个空格分开,如id为a、b、c的三个元素,后代选择器可以写成#a #b #c{}。...6、子选择器(直接后代):用“>”进行选择,如#nav>ul>li{} 子选择器(>)与后代选择器(空格)的区别:             a、都表示“祖先-后代”的关系          b、">"必须是...padding:0px; } 8、群组选择器 #nav,p,td,.headers{ } 9、相邻兄弟选择器:选择+选择器{样式名称:样式值} 10、属性选择器:标签选择器[属性名称=“属性值”]

33710

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券