常见的css选择器汇总

在CSS中，选择器是用于选择要应用样式的HTML元素的模式或字符串。选择器类型丰富多样，下面是一些常见的选择器：

一、 基本选择器（Basic Selectors）：

1、元素选择器（Element Selector）

选择所有指定类型的HTML元素。

1)、HTML元素的标签名。

1、p: 选择所有 <p> 元素（段落）。
2、h1, h2, h3, 等：选择所有对应层级的标题元素。
3、div: 选择所有 <div> 容器元素。
4、span: 选择所有 内联元素。
5、a: 选择所有超链接 <a> 元素。
6、ul, ol, li: 分别选择无序列表、有序列表和列表项。
7、table, tr, td, th: 选择表格及其行、单元格和表头。

2)、自定义HTML5元素选择器

在HTML5中，引入了一些新的语义化标签，这些标签也可以作为元素选择器使用。**
1、article: 选择所有文章内容元素。
2、section: 选择所有章节元素。
3、header: 选择所有头部区域元素。
4、footer: 选择所有页面底部区域元素。
5、nav: 选择所有导航栏元素。
6、main: 选择页面主体内容元素。
7、aside: 选择侧边内容或附加信息元素。
8、figure, figcaption: 分别选择图像或图表及其标题元素。

p {
   
   
       color: blue;
 }

2、类选择器（Class Selector）

选择所有具有指定类名的元素，类名前加点号（.）。

 .my-class {
   
   
       color: red;
}

3、ID选择器（ID Selector）

选择具有指定ID的元素，ID前加井号（#）。