Files
kazoottt-blog/src/content/post/CSS随用随记.md
2025-01-22 05:06:47 +00:00

1.6 KiB
Raw Blame History

title, date, author, tags, slug, published, description
title date author tags slug published description
CSS | 随用随记 2022-11-15 KazooTTT
css
前端
刷题
css-on-the-go true 本文介绍了CSS中的一些关键技巧包括使用伪类选择器来设置HTML模块中特定li标签的背景颜色以及如何为div元素添加后伪元素并设置其样式。此外还讨论了浮动和清除浮动的概念并提供了一个实际的编程练习链接帮助读者更好地理解和应用这些CSS技术。

CSS 随用随记

1. 请将 Html 模块中 Ul 列表的第 2 个 Li 标签和第 4 个 Li 标签的背景颜色设置成 "rgb(255, 0, 0)"

关键词:伪类选择器

ul li:nth-child(2n) {
  background: rgb(255, 0, 0);
}

image-20221115233947891

2. 请给 Html 模块的 Div 元素加一个后伪元素,且后伪元素的宽度和高度都是 20px背景颜色为 "rgb(255, 0, 0)"

image-20221115234139207

3. 浮动和清除浮动牛客题霸牛客网 (nowcoder.com)

请将类为 "left" 的 div 元素和类为 "right" 的 div 元素在同一行上向左浮动,且清除类为 "wrap" 的父级 div 元素内部的浮动。

关键词:清除浮动

TODO:

CSS | 清除浮动