这篇文章鼓励在构建UI时使用更多的纯CSS和更少的JS。熟悉所有CSS是实现此目标的一种方法——另一种方法是实施最佳实践并尽可能减少代码。1.::一线|选择第一行文本这个伪元素选择器在换行前选择第一行文本。p:first-line{color:lightcoral;}2,::首字母|selectfirstletter这个伪元素选择器应用于元素中文本的第一个字母。.innerDivp:first-letter{color:lightcoral;font-size:40px}3,::selection|选择突出显示（选定）区域应用于用户选择的任何突出显示区域。使用::selection伪元素选择器，我们可以将样式应用于高亮区域。div::selection{background:yellow;}4,:root|根元素：根伪类选择文档的根元素。在HTML中，HTML元素。在RSS中，它是RSS元素。此伪类选择器应用于根元素，主要用于存储全局CSS自定义属性。5.：空|仅当元素为空时触发此伪类选择器将选择没有任何子项的元素。该元素必须为空。如果一个元素没有空格、可见内容或后代元素，则该元素为空。div:empty{border:2pxsolidorange;}
此规则将应用于空的div元素。此规则将应用于第一个和第二个div，因为它们是真正的空，而第三个div包含空格。6.：独生子女|仅选择与父元素中没有任何兄弟元素的子元素相匹配的子元素。.innerDivp:only-child{color:orangered;}7,:first-of-type|选择指定类型的第一个子元素.innerDivp:first-of-type{color:orangered;}这将应用于.innerDiv下面的第一个p元素。Div1
这些是必要的步骤
hiya
不要同时踩刹车作为加速器。
Div2