一个简单实用的css小技巧
用:not()伪类来解决给相同的元素设置样式时单独保留一个不设置的问题
以前我们可能会这样写代码:
.nav li {
border-right: 1px solid #666;
}
.nav li:last-child {
border-right: none;
}
但是我们现在可以这样写:
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
是不是简单多了呢
以前我们可能会这样写代码:
.nav li {
border-right: 1px solid #666;
}
.nav li:last-child {
border-right: none;
}
但是我们现在可以这样写:
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
是不是简单多了呢