UNCSS не работает должным образом с несколькими селекторами классов

Question

Я использую множественный селектор класса для определенных элементов в моем угловом js-приложении, как показано ниже:

<p class="first second">som text</p>

в моем файле CSS у меня есть.first и дополнительные более конкретные свойства для.first.second:

.first{
   ...
}

.first.second{
   ...
}

Моя проблема в том, что когда я запускаю grunt uncss, сгенерированный файл читает .first и .second class, но не то и другое вместе, как .first.second, проблема в том, что я использую этот подход, и у меня есть тысячи таких селекторов в мое приложение.

Как я могу настроить uncss, чтобы игнорировать все селекторы, определенные с несколькими классами, без записи по одному, объединенные в опциях игнорирования uncss?

Есть ли соглашение о конфигурации, о котором я не знаю?

Спасибо!

Answer 1

Во-первых, вы не можете писать занятия за один раз. Есть правило, которому нужно подчиняться, поэтому написание.first.second точно не сработает, потому что между нотациями классов должен быть пробел -> .first .second

Это означало бы, что вам нужна разметка, подобная этой:

<div class = "first">
    <div class = "second"></div>
</div>

Идентификаторы и элементы не должны иметь пробел -> #myDiv.first, div.second

Во-вторых, с учетом данной разметки способ, которым вы записали CSS, не имеет смысла, поскольку вы обрабатываете один и тот же элемент.

Итак, для разметки, как это:

<p class="first second">som text</p>

Вы должны написать это, например, так:

.first
    {
        color: #333333;
    }

.second
    {
        text-decoration: underline;
    }

Таким образом, вы можете поменять классы, а также создать дополнительные стили.