css伪类用于为某些选择器添加特殊效果。它是动态的，指的是当前元素的状态或特征。只有当元素达到特定状态时，它才可能获得伪类样式；当状态改变时，它又失去了这种风格。这篇文章在一定程度上鼓励您在构建UI时使用更简单的CSS和更少的JS。熟悉CSS必须提供的所有功能是实现此目标的一种方法，另一种方法是实施最佳实践并尽可能多地重用代码。接下来，我将介绍一些你可能不熟悉的伪类及其用例，希望对你以后有所帮助。::一线|选择文本的第一行::first-line伪元素将样式应用于块级元素的第一行。第一行的长度取决于很多因素，包括元素宽度、文档宽度和文本的文本大小。::first-line伪元素只能用在block容器中，所以::first-line伪元素只能用在block、inline-block、table-cell或table-caption的显示值中。在其他类型中，::first-line无效。用法如下：p:first-line{color:lightcoral;}::first-letter|选择这一行的第一个单词CSS伪元素::first-letter将选择块级元素第一行的第一个字母。用法如下：
前端小智，继续努力，终身学习者！
::选择|用户突出显示的部分::selection伪元素适用于文档中用户突出显示的部分（例如，用鼠标或其他选择设备选择）。div::selection{color:#409EFF;}:root|根元素：root伪类匹配文档树的根元素。对于HTML，:root表示元素，它与html选择器相同，只是它具有优先级。:root在声明全局CSS变量时很有用：:root{--main-color:hotpink;--pane-padding:5px42px;}:empty|仅在子元素为空时有效：empty伪类委托没有子元素的元素。子元素只能是元素节点或文本（包括空格），注释或处理指令无效。div:empty{border:2pxsolidorange;margin-bottom:10px;}只有第一个和第二个div有效，因为它们确实是空的，第三个div没有效果，因为它有换行符。：独生子女|只有一个子元素有效：only-child匹配没有任何兄弟元素的元素。等价的选择器也可以写成：first-child:last-child或者:nth-child(1):nth-last-child(1)，当然前者的权重会低一些。p:only-child{background:#409EFF;}没有任何兄弟元素的第一个元素
第二个
第二个
Div1
这些是必要的步骤
hiya
不要同时踩刹车作为加速器。
Div2