2015-12-22 2 views
0

Для моего сайта я использую uncss для удаления неиспользуемого bootstrap-css. Но есть два элемента: ботинок-карусель и активное состояние в моей навигации, которые не работают должным образом после того, как uncss сгенерировал новый css-файл.Почему uncss игнорировать не работает?

Heres мой 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) 
} 

любой комментарий или помощь будет здорово!

ответ

0

В соответствии с https://github.com/giakki/uncss/issues/140, uncss не разделяет селекторов, которые имеют псевдоэлементы на них, поэтому нет необходимости указывать их все в списке игнорирования, и, предположительно, их включение в список игнорирования также ничего не сделает.

Вы можете попробовать заменить

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

с

new RegExp('^.highlight.*')

Это должно соответствовать вашим селекторы и будет легче читать.

Смежные вопросы