对象篇
模块化编程-自研模块加载器
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这是一个 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;
}
语法说明:属性选择器的写法是 [ 属性表达式 ],其中属性表达式可以是一个属性名,也可以是“属性=属性值”等这样的表达式.
属性选择器的应用:
应用属性选择器样式:
Helloworld
<a title=" 首页 “href=”#"> 返首页
![logo](miaov.jpg)
段落一
没有应用属性选择器样式
Helloworld
![](miaov.jpg)
段落二
最后
最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。