diff --git "a/\345\210\230\346\233\246/20241014 -css\344\274\252\347\261\273.md" "b/\345\210\230\346\233\246/20241014 -css\344\274\252\347\261\273.md"
new file mode 100644
index 0000000000000000000000000000000000000000..73915f149bb911fd047ff0ffb0372f0429f06eb8
--- /dev/null
+++ "b/\345\210\230\346\233\246/20241014 -css\344\274\252\347\261\273.md"
@@ -0,0 +1,500 @@
+## css伪类
+### 常见的伪类用法
+**常见的CSS伪类及其用法：**
+
+- `:hover`：当鼠标悬停在元素上时应用样式。
+- `:active`：当元素处于活动（点击）状态时应用样式。
+- `:focus`：当元素获得焦点时应用样式，通常用于表单元素。
+- `:visited`：选择已访问的链接。
+- `:first-child`：选择第一个子元素。
+- `:last-child`：选择最后一个子元素。
+- `:nth-child(n)`：选择第n个子元素。
+- `:nth-of-type(n)`：选择同类型的第n个元素。
+- `:not(selector)`：选择不匹配给定选择器的元素。
+
+### CSS伪类示例
+**hover 示例：**
+```css
+.button:hover {
+ background-color: #ff0000;
+ color: #ffffff;
+}
+```
+当鼠标悬停在按钮上时，背景颜色变为红色，文本颜色变为白色。
+
+**focus 示例：**
+```css
+.input-field:focus {
+ border-color: #00ff00;
+ box-shadow: 0 0 5px #00ff00;
+}
+```
+当输入框获得焦点时，边框颜色变为绿色，添加一个淡淡的绿色阴影效果。
+
+**nth-child 示例：**
+```css
+ul li:nth-child(odd) {
+ background-color: #f0f0f0;
+}
+```
+选择ul元素下的奇数项，并将它们的背景颜色设置为淡灰色。
+
+**visited 示例：**
+```css
+a:visited {
+ color: #888888;
+}
+```
+选择已访问的链接，并将其文本颜色设置为浅灰色。
+
+## 选择器序列练习
+```html
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+