伪元素获取自定义的标签属性

你是否还在为伪元素content内容发愁呢?,试试 content:attr(data); 吧…

nth-of-type

选中指定范围的元素

:nth-of-type(2n) 等同于 :nth-child(odd)
:nth-of-type(2n+1) 等同于 :nth-child(even)

文字两端对齐

text-align-last: justify; 等同于 justify-content: space-between;

:not()

排除一些没必要的元素,比如面包屑的分隔符

 
ul > li:not(:last-child)::after {
  content: ",";
}

其它

• caret-color 光标颜色
• writing-mode 规定文字排列方向,如一些语言是从右往左的,配合换行,字间距等食用更佳