1.2 类选择器 :
-
类选择器使用"."(英文点号)进行标识，后面紧跟类名。
-
语法：类名选择器
.类名 {
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
}
优点：可以为元素对象定义单独或相同的样式。可以选择一个或者多个标签。
注意：类选择器使用“.”（英文点号）进行标识，后面紧跟类名(自定义，我们自己命名的)
长名称或词组可以使用中横线来为选择器命名。
不要纯数字、中文等命名， 尽量使用英文字母来表示。
多类名选择器：各个类名中间用空格隔开。
1.3 ID选择器 :
id选择器使用 # 进行标识，后面紧跟id名
元素的id值是唯一的，只能对应于文档中某一个具体的元素。
#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
1.4. 通配符选择器:
通配符选择器用*号表示， * 就是选择所有的标签。它是所有选择器中作用范围最广的，能匹配页面中所有的元素。
注意：会匹配页面所有的元素，降低页面响应速度，不建议随便使用
- { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
例如下面代码，使用通配符选择器定义CSS样式，清除所有HTML标记的默认边距。
- {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}
总结：
-
尽量少用通配符选择器
* -
尽量少用 ID选择器
-
不使用无具体语义定义的标签选择器
2.CSS复合选择器 ：
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的
2.1后代选择器（包含选择器）：
用来选择元素或元素组的子孙后代
其写法就是把外层标签写在前面，内层标签写在后面，中间用 空格 分隔，先写父亲爷爷，再写儿子孙子。
子孙后代都可以这么选择。或者说，它能选择任何包含在内 的标签。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
总结
秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！
而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。
这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！
资料截图 ：
高级前端工程师必备资料包
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
log.csdnimg.cn/img_convert/ba803e1b69e399b6739e3d33554d42a7.png)
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-GdLhcdX6-1712575912811)]
