xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

CSS :nth-of-type() bug

CSS :nth-of-type() bug

.tools-hover-box-list-item {
    pointer-events: auto;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 140px;
    margin-top: 14px;
    &:nth-of-type(4n + 1) {
        margin-top: 20px;
    }
    // &:nth-of-type(1 + 4n) {
    //     margin-top: 20px;
    // }
    // &:hover {
    //     box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    // }
}

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type

demo

css n-type-of not working


refs



©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


posted @ 2020-12-29 10:45  xgqfrms  阅读(182)  评论(2编辑  收藏  举报