前端学习记录——Html选择器

原创于 2018-09-17 13:56:26 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#选择器

本文详细介绍了CSS中的各类选择器，包括ID和类选择器、后代选择器、子元素选择器等，并阐述了它们的使用场景及优先级。通过本文的学习，读者可以更好地掌握CSS选择器的使用技巧。

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

选择器
1、ID 和类选择器
2、后代选择器：标签之间用空格连接
3、子元素选择器：父元素>子元素
4、交集选择器：元素标签之间没有分隔
5、并集选择器：元素之间用逗号连接
6、相邻兄弟选择器：用加号连接。只能选择元素后面的第一个元素
7、通用兄弟选择器：用~连接，所有的在元素标签之后的元素都会被选择，即只要是符合的元素标签都会被选择

选择器优先级
!important>行内样式>ID选择器>类选择器>标签选择器>通配符>继承>系统默认
权重比较：当选择器都直接选中某一项内容时，要用权重进行比较，先比较ID选择器的个数，若相同则继续比较类选择器，依次是标签选择器。