0

私のサイトでは、使用されていないbootstrap-cssを削除するためにuncssを使用しています。しかし、ブートストラップ カルーセルスライド アニメーションとナビゲーションのアクティブ状態の 2 つの要素があり、uncss が新しい css ファイルを生成した後に正しく機能しません。

これが私の uncss-ignore です

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 に答える