如何了解 CSS 选择器？ 本章节不详细介绍各个选择器的语法，请各位小伙伴自行下去看看它们的详细介绍以及用法。这里推荐大家去看CSS 选择器 – 学习 Web 开发 | MDN 全局选择器（*） 选择文档中的所有素。一般会用在“重置样式表”中。这样做就意味着所有浏览器所做的样式化都会被忽略，这就很方便了。使用全局选择器，也可以让选择器更易读，例如下面： 素选择器（html素） 也就是直接选中 html 素： 类选择器（.） 选择文档中应用了这个类的所有素。指向特定的素： 也可以多个类同时指向一个素，例如当一个素在不同状态下展示不同的样式； ID选择器（#） 和类选择器是相同的用法，它的区别是一个 id 只能出现一次。选中文档中引用了这个 id 的素。要注意的是：id 的优先级大于大多数选择器，所以很难处理它们，大多数情况下我们给素添加类而不是id，这样会比较好。 属性选择器（[…]） 选中带有特定属性的素。有很多种方式可以让我们来选中我们想要的选中的素，详情可以查看： 属性选择器 – 学习 Web 开发 | MDN 这里简单介绍几种： 伪类（:）和伪素（::）选择器 有很多的伪类和伪素选择器，这里不一一说明，详情可看 ：伪类和伪素 – 学习 Web 开发 | MDN 要能区分伪类和伪素选择器，伪类以 : 开头，伪素以 :: 开头。 关系选择选择器（ ” “、”>”、”+”、”~”） 这一类我称它为选择符。值得注意的是，它们没有优先级。后代选择器（” “）：用空格组合选择器，选择后代所有满足条件的的素： 子代选择器（>）：只选择直接子素的素： 邻接兄弟（+）：选中紧挨着并且同级的素： 通用兄弟（~）：和邻接兄弟选择器的区别就是，能选择同级的所有素： 学好基础才是最重要的，加油！！！ 在此简单记录一下，当作学习笔记，也欢迎大家查看，希望有帮助。
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/20317.html
