插件窝 干货文章 七种基本的css选择器

七种基本的css选择器

选择 元素 strong li 740    来源:    2024-10-22
七种基本 css 选择器:元素选择器:按元素名称选择元素。id 选择器:按唯一 id 值选择元素。类选择器:按类名选择元素。通配选择器:选择所有元素。相邻同级选择器:选择下一个相邻的同级元素。子元素选择器:选择指定父元素内的子元素。后代选择器:选择指定祖先元素中的所有后代元素。

七种基本的 CSS 选择器

CSS 选择器是用于指定 HTML 元素以应用样式的强大工具。以下是七种基本的 CSS 选择器:

1. 元素选择器

  • 通过元素名称选择元素。
  • 语法:element {}

2. ID 选择器

立即学习“前端免费学习笔记(深入)”;

  • 通过唯一的 ID 属性值选择元素。
  • 语法:#id-name {}

3. 类选择器

  • 通过一个或多个类名选择元素。
  • 语法:.class-name {}

4. 通配选择器

  • 选择文档中的任何元素。
  • 语法:* {}

5. 相邻同级选择器

  • 选择下一个相邻的同级元素。
  • 语法:element1 + element2 {}

6. 子元素选择器

  • 选择指定父元素内的子元素。
  • 语法:parent-element > child-element {}

7. 后代选择器

  • 选择指定祖先元素中的任何后代元素。
  • 语法:ancestor-element descendant-element {}