首页
学习
活动
专区
工具
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.9K10

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

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

1.7K30

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

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

94040

如何科学预测后代的身高

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 母亲可以遗传给后代的为...如果成千上万的亲子身高数据,我们就可以观测到回归的现象,就是高尔顿所观测到的高的父母,后代会低于父母的平均值,低的父母,会高于父母的平均值。

1K30

五千字长文-css3选择器基础最详解(讲述其核心特点)(下次更新的是选择器高级)

后代选择器: <!...后代选择器和子元素选择器区别: <!...-- 1.后代选择器和子元素选择器之间的区别?...1.1 后代选择器使用空格作为连接符号 子元素选择器使用>作为连接符号 1.2 后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中...名称来作为选择器 2.2 后代选择器和子元素选择器都可以通过各自的连接符号一直延续下去 选择器1>选择器2>选择器3>选择器4{} 3.在企业开发中如何选择 如果想选中指定标签中的所有特定的标签, 那么就使用后代选择器

38810

一文入门jQuery

标签选择器(元素选择器) id选择器选择器 并集选择器 层级选择器 后代选择器选择器 属性选择器 属性名称选择器 属性选择器 复合属性选择器 过滤选择器 首元素选择器 尾元素选择器 非元素选择器...两者相互转换 jq – > js : jq对象[索引] 或者 jq对象.get(索引) js – > jq : $(js对象) 选择器:筛选具有相似特征的元素(标签) 基本操作学习 事件绑定 //1.获取...的属性值”) 获得与指定的class属性值匹配的元素 并集选择器 语法: $(“选择器1,选择器2…”) 获取多个选择器选中的所有元素 层级选择器 后代选择器 语法: $("A B ") 选择A元素内部的所有...对象1和对象2是兄弟关系 remove():移除元素 对象.remove():将对象删除掉 empty():清空元素的所有后代元素。...对象.empty():将对象的后代元素全部清空,但是保留当前对象以及其属性节点 案例 全选和全不选 代码如下: <!

3.5K20

前端学习(9)~css学习(三):样式表和选择器

本文主要内容 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元素,有这个样式。...空格就表示后代后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器后代选择器,描述的是祖先结构。

72510

前端基础-jQuery选择器

语法模板: 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 所有后代元素

79210

CSS的四种基本选择器和四种高级选择器

原因:id是js用的。也就是说,js要通过id属性得到标签,所以css层面尽量不用id,要不然js就很别扭。另一层面,我们会认为一个有id的元素,有动态效果。...举例如下: 上图所示,css和js都在用同一个id,会出现不好沟通的情况。 我们记住这句话:类上样式,id上行为。意思是说,class属性交给css使用,id属性交给js使用。...下面来讲CSS中几种扩展(高级)选择器: 高级选择器后代选择器:用空格隔开 交集选择器:用.隔开 并集选择器(分组选择器):用逗号隔开 伪类选择器 1、后代选择器: 定义的时候用空格隔开 对于E F...空格就表示后代后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,进行样式改变,就要想到后代选择器后代选择器,描述的是祖先结构。 看定义可能有点难理解,我们来看例子吧。...所以,没有空格的div.red(交集选择器)和有空格的div .red(后代选择器)不是一个意思。

4K10

jQuery基础

一款轻量级的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!

1.9K120

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券