0

对于我的网站，我使用 uncss 删除未使用的 bootstrap-css。但是有两个元素-引导轮播幻灯片动画和我的导航中的活动状态，在 uncss 生成新的 css 文件后无法正常工作。

这是我的 uncss-忽略

ignore: [
    ".tab",
    ".tab-content",
    ".tab-pane",
    ".fade",
    ".fade.in",
    ".collapse",
    ".collapse.in",
    ".collapsing",
    ".open",
    "/open+/",
    ".start",
    ".start .container-shadow",
    ".active",
    ".embed-responsive-item",
    ".embed-responsive",
    ".embed-responsive-16by9",
    ".schmerzfrei iframe",
    ".embed-responsive .embed-responsive-item",
    ".embed-responsive embed",
    ".embed-responsive object",
    ".embed-responsive iframe",
    ".embed-responsive video",
    ".highlight a:hover:after, .highlight a:focus:after, .highlight.active a:after",
    ".carousel-inner > .next",
    ".carousel-inner > .prev",
    ".carousel-inner > .next",
    ".carousel-inner > .prev",
    ".carousel-inner > .next.left",
    ".carousel-inner > .prev.right",
    ".carousel-inner > .active.left",
    ".carousel-inner > .active.right",
    ".carousel-inner>.item.active",
    ".carousel-inner>.item.next.left",
    ".carousel-inner>.item.prev.right",
    ".bs.carousel",
    ".slid.bs.carousel",
    ".slide.bs.carousel"
]
}

这是我的 css，它是必要的，但没有得到 uncss 的认可

.highlight a:hover:after, .highlight a:focus:after, .highlight.active a:after {
    height: 0px;
    -webkit-transition: .3s cubic-bezier(0.71, -0.58, 0.07, 1.29);
    -moz-transition: .3s cubic-bezier(0.71, -0.58, 0.07, 1.29);
    -ms-transition: .3s cubic-bezier(0.71, -0.58, 0.07, 1.29);
    -o-transition: .3s cubic-bezier(0.71, -0.58, 0.07, 1.29);
    transition: .3s cubic-bezier(0.71, -0.58, 0.07, 1.29)
}

任何评论或帮助都会很棒！

4

1 回答 1

0

根据https://github.com/giakki/uncss/issues/140，uncss 不会剥离带有伪元素的选择器，因此不需要在忽略列表中指定所有这些，并且可能将它们放入忽略列表也不会做任何事情。

你可以尝试更换

".highlight a:hover:after, .highlight a:focus:after, .highlight.active a:after"

和

new RegExp('^.highlight.*')

这应该与您的选择器匹配，并且更易于阅读。

于 2016-03-13T12:20:24.207 回答