Update docs and sort content

src/content/post/CSS随用随记.md

@@ -0,0 +1,41 @@
+---
+title: CSS | 随用随记
+date: 2022-11-15
+author: KazooTTT
+tags:
+  - css
+  - 前端
+  - 刷题
+slug: css-on-the-go
+published: true
+description: >-
+  本文介绍了CSS中的一些关键技巧，包括使用伪类选择器来设置HTML模块中特定li标签的背景颜色，以及如何为div元素添加后伪元素并设置其样式。此外，还讨论了浮动和清除浮动的概念，并提供了一个实际的编程练习链接，帮助读者更好地理解和应用这些CSS技术。
+---
+
+# CSS 随用随记
+
+## 1. 请将 Html 模块中 Ul 列表的第 2 个 Li 标签和第 4 个 Li 标签的背景颜色设置成 "rgb(255, 0, 0)"
+
+关键词：伪类选择器
+
+```css
+ul li:nth-child(2n) {
+  background: rgb(255, 0, 0);
+}
+```
+
+![image-20221115233947891](https://pictures.kazoottt.top/2024/04/20240407-5e745e9abfb757513c8b6853b98262b7.png)
+
+## 2. 请给 Html 模块的 Div 元素加一个后伪元素，且后伪元素的宽度和高度都是 20px，背景颜色为 "rgb(255, 0, 0)"
+
+![image-20221115234139207](https://pictures.kazoottt.top/2024/04/20240407-1b6d680284da37bc6bcb8014e8ffe0e0.png)
+
+## 3. [浮动和清除浮动*牛客题霸*牛客网 (nowcoder.com)](https://www.nowcoder.com/practice/88bcbaee954349f5a8810bfa94ee61a8?tpId=260&tqId=2200196&ru=%2Fexam%2Foj&qru=%2Fta%2Ffront-quick-study%2Fquestion-ranking&sourceUrl=%2Fexam%2Foj%3Fpage%3D1%26tab%3DHTML%2FCSS%26topicId%3D260)
+
+请将类为 "left" 的 div 元素和类为 "right" 的 div 元素在同一行上向左浮动，且清除类为 "wrap" 的父级 div 元素内部的浮动。
+
+关键词：清除浮动
+
+TODO:
+
+<a href='/2022/11/15/清除浮动/'>CSS | 清除浮动</a>