CSS 中常用的选择器包括:类选择器、ID 选择器、元素选择器、后代选择器、子选择器、通配符选择器、群组选择器和属性选择器,用于指定特定元素或元素组,从而实现样式化和页面布局。

CSS 常用选择器
CSS 选择器用于指定特定元素或元素组。以下是 CSS 中一些最常用的选择器:
1. 类选择器
- 语法:
.class-name - 选择具有指定类名的元素
- 例如:
.red选择具有 "red" 类的所有元素。
2. ID 选择器
立即学习“前端免费学习笔记(深入)”;
- 语法:
#id-name - 选择具有指定 ID 的元素
- 例如:
#header选择具有 ID 为 "header" 的元素。
3. 元素选择器
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
- 语法:
element-name - 选择所有具有指定元素名的元素
- 例如:
p选择所有段落元素。
4. 后代选择器
- 语法:
parent > child - 选择是父元素后代的子元素
- 例如:
div > p选择所有在 div 元素内的段落元素。
5. 子选择器
- 语法:
parent child - 选择是父元素的子元素的子元素
- 例如:
ul li选择所有在无序列表 (ul) 中的列表项 (li)。
6. 通配符选择器
- 语法:
* - 选择任何元素
- 例如:
* { color: blue; }将所有元素的文本颜色设置为蓝色。
7. 群组选择器
- 语法:
element1, element2, element3 - 选择多个元素
- 例如:
p, h1, h2选择所有段落、标题 1 和标题 2 元素。
8. 属性选择器
- 语法:
[attribute]或[attribute=value] - 选择具有指定属性或属性值为指定值的元素
- 例如:
[data-type="nav"]选择所有具有 "data-type" 属性且其值为 "nav" 的元素。









