CSS 选择符有哪些？

紫微前端

于 2022-03-23 08:48:09 发布

阅读量814

点赞数

分类专栏：前端知识加深文章标签：前端面试

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123676806

版权

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文深入探讨了CSS选择符的种类，包括ID选择符、类选择符、元素选择符、伪类和伪元素等，并提供了实际示例，帮助读者理解和掌握在网页样式设计中如何有效地使用它们，为前端面试做准备。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）id选择器（#myid）（2）类选择器（.myclassname）（3）标签选择器（div,h1,p）（4）后代选择器（h1 p）（5）相邻后代选择器（子）选择器（ul>li）（6）兄弟选择器（li~a）（7）相邻兄弟选择器（li+a）（8）属性选择器（a[rel="external"]）（9）伪类选择器（a:hover,li:nth-child）（10）伪元素选择器（::before、::after）（11）通配符选择器（*）