2024年HarmonyOS鸿蒙最全【前端寻宝之路】学习和使用CSS的所有选择器(6)，头条面试一般几轮

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

color:blue;
}

.play{
font-size: 80px;
}

吃饭

睡觉

打豆豆

⚠️我们可以通过类选择器进行对应标签的内容格式的修改,如果是多种样式修改叠加,可以在类选择器里面设置多个变量,然后再通过CSS进行对应格式的设置.

---

id选择器

• CSS中使用 # 开头表示 id 选择器
• id 选择器的值和 html 中某个元素的 id 值相同
• html 的元素 id 不必带 #
• id 是唯一的,不能被多个标签使用(是和 类选择器 最大的区别)

#fe{
font-size: 90px;
}

#sever{
color:aquamarine;
}

前端开发

后端开发

---

通配符选择器

使用 * 的定义,选取所有的标签.

* {
color: red ;
}

• 页面所有的内容都会被改成 红色.
• 不需要被页面结构调用.

通配符选择器在实际应用开发中用来针对页面中所有的元素默认样式进行消除,主要用来消除边距

#fe{
font-size: 90px;
}

#sever{
color:aquamarine;
}

*{
background-color: beige;
}

前端开发

后端开发

---

复合选择器

• 复合选择器:将之前学习的基础选择器进行组合

后代选择器通过子元素找父元素

• 吃饭
• 吃饭
• 吃饭

1. 吃饭
2. 吃饭
3. 吃饭

通过选择器的组合

• 吃饭
• 吃饭
• 吃饭

1. 吃饭
2. 吃饭
3. 吃饭

---

给超链接文字换颜色

• 吃饭
• 吃饭
• 吃饭

1. 吃饭
2. 吃饭
3. 吃饭
4. 吃饭

---

伪类选择器

伪类选择器:用来定义元素状态

链接伪类选择器

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

9a5ffe804fa6d0db.png)
[外链图片转存中…(img-8vKnIUtB-1715618195524)]
[外链图片转存中…(img-YJ87YL14-1715618195524)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取