1、除了最后一个 &:not(:last-child)
// 所有的li都有个有边框 除了最后一个
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
2、除了第一个item,其他都有上边框
.item + .item {
border-top: 1rpx solid #EEE;
}
3、强制性换行
div{
word-break: break-all; /*支持IE,chrome,FF不支持*/
word-wrap: break-word;/*支持IE,chrome,FF*/
}
4、全局设置box-sizing: border-box
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
5、文字渐变色
.text {
background-image: linear-gradient(103deg, #1DCAFF 0%, #1B9DFE 50%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}