后代选择器集中形式: 1.父代 * {}从 父代 中的找到 所有子代。 2.父代 子代1{} 是从 父代 中找到 子代1 或者 父代 子代2{} 是从 父代 中找到 子代2 。...20px; background: rgba(255,0,0,0.2); //这是给它一个红色,透明度为0.2 } .a *{ border: 2px solid black; //这里是选中类a的所有后代...20px; background: rgba(255,0,0,0.2); } .a .b{ border: 2px solid black; //同理这里选择 .c 也是可以的因为他们都是 .a 的后代
名称 用法 描述 子代选择器 $(“ul>li”) 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $(“ul li”) 使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等...跟CSS的选择器一模一样。...div>44 55 66 77 88 $(function () { //$("s1,s2")// 并集选择器 //$("s1 s2")// 后代选择器 //$...("s1>s2")// 子代选择器 //$("li.green") //$("s1s2") //交集选择器 //$("#father>p").css
css后代选择器的使用 说明 1、后代选择器必须用空格隔开。 2、后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代。...3、后代选择器不仅仅可以使用标签名称,还可以使用其它选择器。 后代选择器可以通过空格一直延续下去。...作用: 找到指定标签的所有特定的后代标签, 设置属性 格式: 标签名称1 标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后再在这个标签下面去查找所有名称叫做"...标签名称2"的标签, 然后在设置属性 以上就是css后代选择器的使用,希望对大家有所帮助。
css后代选择器的介绍 说明 1、后代选择器又称为包含选择器,可以选择作为某元素后代的元素。 2、从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代。...即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器。... c的子代 c的后代 ... c的兄弟 以上就是css后代选择器的介绍,希望对大家有所帮助。
文章目录 一、基础选择器与复合选择器 二、后代选择器 1、语法说明 2、示例分析 3、完整代码示例 一、基础选择器与复合选择器 ---- CSS 基础选择器 : 在之前的博客中 , 介绍了 CSS...选择器 ; 复合选择器 可以 更精准 更快速 地 选择 目标元素标签 ; 二、后代选择器 ---- 1、语法说明 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组...; 后代选择器 语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器 子选择器 { 属性名称1:属性值1; 属性名称2:属性值2...; 属性名称3:属性值3; } 2、示例分析 下面的代码中 , 选择 div 下的 label 标签 , 就可以使用后代选择器 ; 内部文本...则可以使用如下样式 : .father label { color: blue; } 下面的代码中 , 选择 div 下的 div 下的 label 标签 , 就可以使用后代选择器
css后代选择器和子元素选择器的区别 说明 1、后代选择器使用空格作为连接符号,子元素选择器使用>作为连接符号。 2、后代选择器选中所有的特定后代标签,子元素选择器选中所有的特定的直接标签。...后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标 签中的特 定标签都会被选中 子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签...单纯用后代选择器很难做到吧!...这时候子代选择器就出场了,可以这样写: div > ul > li{ 注:>是指只能一代接一代,比如:div > ul > li } 如果想选择div中所有li... 以上就是css后代选择器和子元素选择器的区别
文章目录 一、并集选择器 1、语法说明 2、代码示例 二、并集选择器与后代选择器示例 1、添加注释 2、HTML 结构 3、后代选择器 1 4、后代选择器 2 5、并集选择器 6、完整代码示例 7...DOCTYPE html> 并集选择器和后代选择器...登录设置为红色 */ .site-r login { color: red; } 4、后代选择器 2 将 主导航 栏中的链接 设置为 蓝色 ; 并集选择器和后代选择器...后代选择器 登录设置为红色 */ .login a { color: red; } /*2.
派生选择器用的很多,派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别。...1、css后代选择器 语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,...为后代选择器。...即,无论你在哪里,我都要选中你,因为你是我的后代。...3、相邻兄弟选择器 语法:h1 + p {margin-top:50px;} 表示是“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”这是官方的说法,理解的误区在于这个加号,h1
后代是子、孙、曾孙等等。 通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。...: 实例 $(document).ready(function(){ $("div").children("p.1"); }); jQuery find() 方法 find() 方法返回被选元素的后代元素...,一路向下直到最后一个后代。...下面的例子返回属于 后代的所有 元素: 实例 $(document).ready(function(){ $("div").find("span"); }); 下面的例子返回... 的所有后代: 实例 $(document).ready(function(){ $("div").find("*"); });
#include <stdio.h> int main() { int i,j; int t,a[10000]; int m; scanf ("%d",...
zepto层次选择器与css的相同之处都是更具元素与其父元素、子元素、兄弟元素之间的关系构成的选择器,但使用zepto层次选择器为最佳选择。 ? 1)后代选择器 //后代选择器 空格 $("#parent #child").css("background-color...后代选择器选择的是元素的后代。...在这里可以看出后代选择器顾名思义,只要是后代都可以选择。 2)子选择器 <!...在这里可以看出子代选择器顾名思义,只能干涉子元素而对子元素以外的后代元素确实无能为力了。 3)相邻元素选择器 <!
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 母亲可以遗传给后代的为...如果成千上万的亲子身高数据,我们就可以观测到回归的现象,就是高尔顿所观测到的高的父母,后代会低于父母的平均值,低的父母,会高于父母的平均值。
后代选择器: <!...后代选择器和子元素选择器区别: <!...-- 1.后代选择器和子元素选择器之间的区别?...1.1 后代选择器使用空格作为连接符号 子元素选择器使用>作为连接符号 1.2 后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中...名称来作为选择器 2.2 后代选择器和子元素选择器都可以通过各自的连接符号一直延续下去 选择器1>选择器2>选择器3>选择器4{} 3.在企业开发中如何选择 如果想选中指定标签中的所有特定的标签, 那么就使用后代选择器
原因:id是js用的。也就是说,js要通过id属性得到标签,所以我们css层面尽量不用id,要不然js就很别扭。另一层面,我们会认为一个有id的元素,有动态效果。...CSS高级选择器 后代选择器 1 2 .div1 p{ 3 color:red; 4 } 5 </style...: 1 .div1 p{ 2 color:red; 3 } 所以,看见这个选择器要知道是后代,而不是儿子。...1 .div1 .li2 p{ 2 color:red; 3 } 就是.div1里面的后代.li2里面的p。 后代选择器,就是一种平衡:共性、特性的平衡。...当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。 后代选择器,描述的是祖先结构。
querySelector 、 querySelectorAll 外的其他选择器。...Function,那选择器就无法共享各种对Function原型的增强了,所以我们需要通过一层薄薄的封装来处理。...在IE5678中是一个类函数,Webkit和Molliza中是一个StyleSheetList类型对象(属于NodeList类型,想了解跟多NodeList和HTMLCollection可留意另一篇《JS...由于涉及的边幅过大,因此打算另开一篇《JS魔法堂:哈佬,css.js!》...我们可以通过后面的《JS魔法堂:隐式类型转换的背后》来一起探讨一下!
标签选择器(元素选择器) id选择器 类选择器 并集选择器 层级选择器 后代选择器 子选择器 属性选择器 属性名称选择器 属性选择器 复合属性选择器 过滤选择器 首元素选择器 尾元素选择器 非元素选择器...两者相互转换 jq – > js : jq对象[索引] 或者 jq对象.get(索引) js – > jq : $(js对象) 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 //1.获取...的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法: $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素 层级选择器 后代选择器 语法: $("A B ") 选择A元素内部的所有...对象1和对象2是兄弟关系 remove():移除元素 对象.remove():将对象删除掉 empty():清空元素的所有后代元素。...对象.empty():将对象的后代元素全部清空,但是保留当前对象以及其属性节点 案例 全选和全不选 代码如下: <!
本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器:标签选择器、类选择器、ID选择器、通用选择器 CSS几种扩展选择器:后代选择器、交集选择器...原因:id是js用的。也就是说,js要通过id属性得到标签,所以css层面尽量不用id,要不然js就很别扭。另一层面,我们会认为一个有id的元素,有动态效果。 ?...上图所示,css和js都在用同一个id,会出现不好沟通的情况。 我们记住这句话:类上样式,id上行为。意思是说,class属性交给css使用,id属性交给js使用。...(分组选择器):用逗号隔开 伪类选择器 1、后代选择器: 定义的时候用空格隔开 对于E F这种格式,表示所有属于E元素后代的F元素,有这个样式。...空格就表示后代。 后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。 后代选择器,描述的是祖先结构。
语法模板: 00-语法模板.html(需要包含jquery.js) //常用选择器 //根据id获取元素 获取到的结果:类数组对象...(重点) 名称 用法 描述 子代选择器 $(‘ul > li’); 使用-号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $(‘ul li’); 使用空格,代表后代选择器,获取ul下的所有...’); 相当于$(‘ul li’),后代选择器 siblings(selector) $(’#first’).siblings(‘li’); 查找兄弟节点,不包括自己本身。...prev() $(‘li’).prev() 找上一次兄弟 closest $(‘li’).closest(‘ul’) 找最近一个祖先元素 语法模板: 00-语法模板.html(需要包含jquery.js...children() ); //获取 hobby 最近的祖先元素 console.log( $('#hobby').closest('form') ); //获取 hobby 所有后代元素
一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。...丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定...class类的div标签 所有元素选择器: $("*") 组合选择器: $("#id, .className, tagName") 层级选择器: x和y可以为任意选择器 $("x y");// x的所有后代...)// 移除所有满足not条件的标签 :has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找) 例子: $("div:has(h1)")// 找到所有后代中有h1标签的div.../ 找到所有后代中不含a标签的li标签 属性选择器: [attribute] [attribute=value]// 属性等于 [attribute!
原因:id是js用的。也就是说,js要通过id属性得到标签,所以css层面尽量不用id,要不然js就很别扭。另一层面,我们会认为一个有id的元素,有动态效果。...举例如下: 上图所示,css和js都在用同一个id,会出现不好沟通的情况。 我们记住这句话:类上样式,id上行为。意思是说,class属性交给css使用,id属性交给js使用。...下面来讲CSS中几种扩展(高级)选择器: 高级选择器: 后代选择器:用空格隔开 交集选择器:用.隔开 并集选择器(分组选择器):用逗号隔开 伪类选择器 1、后代选择器: 定义的时候用空格隔开 对于E F...空格就表示后代。 后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器。 后代选择器,描述的是祖先结构。 看定义可能有点难理解,我们来看例子吧。...所以,没有空格的div.red(交集选择器)和有空格的div .red(后代选择器)不是一个意思。
领取专属 10元无门槛券
手把手带您无忧上云