您好,欢迎来到叨叨游戏网。
搜索
您的当前位置:首页web前端开发在线课程,JavaScript的变量与字面量

web前端开发在线课程,JavaScript的变量与字面量

来源:叨叨游戏网

并集选择器也叫分组选择器或群组选择器,它是由两个或两个以上的任意选择器组成的,不同选择器之间用“,”隔开,实现对多个选择器进行“集体声明”。

并集选择器的特点是所设置的样式对并集选择器中的各个选择器都有效。

并集选择器的作用是把不同选择器的相同样式抽取出来,然后放到一个地方作一次性定义,从而简化了 CSS 代码量。

语法:

选择器 1,

选择器 2,

选择器 3,

{

属性 1: 属性值 1;

属性 2: 属性值 2;

}

语法说明:选择器的类型任意,既可以是基本选择器,也可以是一个复合选择器。

例:

使用并集选择器设置样式
这是 DIV1
这是 DIV2

这是段落一

这是段落二

这是一个 SPAN

后代选择器

后代选择器又称包含选择器,用于选择指定元素的后代元素。使用后代选择器可以帮助我们更快更确切地找到目标元素。

语法:

选择器 1 选择器 2 选择器 3 {

属性 1: 属性值 1;

属性 2: 属性值 2;

}

例:

使用后代选择器设置样式

段落一

段落二

段落三

段落四

段落五

段落六

子元素选择器

后代选择器可以选择某个元素指定类型的所有后代元素,如果只想选择某个元素的所有子元素,则需要使用子元素选择器。

语法:

选择器 1> 选择器 2 {

属性 1: 属性值 1;

属性 2: 属性值 2;

}

语法说明:“>”称为左结合符,在其左右两边可以出现空格,“选择器 1> 选择器 2”的含意为“选择作为选择器 1 指定元素的所有选择器 2 指定的子元素”.

例:

子元素选择器应用示例

这是非常非常 重要 且 关键 的一步。

这是真的非常 重要 且 关键 的一步。

相邻兄弟选择器

如果需要选择紧接在某个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器。

语法:

选择器 1+ 选择器 2 {

属性 1: 属性值 1;

属性 2: 属性值 2;

}

例:

相邻兄弟选择器应用示例

这是一个一级标题

这是段落 1。

这是段落 2。

这是段落 3。

属性选择器

在 CSS 中,我们还可以根据元素的属性及属性值来选择元素,此时用到的选择器称为属性选择器。属性选择器的使用主要有 2 种形式,

语法:

属性选择器 1 属性选择器 2…{

属性 1: 属性值 1;

属性 2: 属性值 2;

}

元素选择器属性选择器 1 属性选择器 2… {

属性 1: 属性值 1;

属性 2: 属性值 2;

}

语法说明:属性选择器的写法是 [ 属性表达式 ],其中属性表达式可以是一个属性名,也可以是“属性=属性值”等这样的表达式.

属性选择器的应用:

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

[外链图片转存中…(img-4kkwOfIw-1715712080131)]

[外链图片转存中…(img-37Vzwm7B-1715712080131)]

[外链图片转存中…(img-TdgHa1DZ-1715712080132)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- gamedaodao.net 版权所有 湘ICP备2024080961号-6

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务