missing css rules after UCSS

  • Resolved jochenthomas

    (@jochenthomas)


    2 years, 9 months ago

    .class_xyz:before {
    ...
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    ...   
}

    After activating UCSS optimization the CSS class does not contain anymore the following CSS rule: background-clip: text and/or -webkit-background-clip: text;
    See here: https://caniuse.com/?search=background-clip
    This is absolutely NOT comprehensible and understandable.

    Therefore, please let me know why this happens and how to avoid this.
    Many thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • rudolfl

    (@rudolfl)

    2 years, 9 months ago

    You have to go through the code and add missing classes to the “UCSS Selector Allowlist” in options (Page Optimization->Tuning CSS)

    It is a tedious process and a pain in the backside, but you do it once and then everything works fine.

    https://docs.litespeedtech.com/lscache/lscwp/ts-optimize/

    Thread Starter jochenthomas

    (@jochenthomas)

    2 years, 9 months ago

    I know exactly which class is affected, so I put these class already (before your answer) in the UCSS allow list, so this is not the root cause. What else could be a reason?

    Plugin Support qtwrk

    (@qtwrk)

    2 years, 9 months ago

    class and selector are not exactly thing , adding class may not work

    Thread Starter jochenthomas

    (@jochenthomas)

    2 years, 9 months ago

    Sorry, I used the term class incorrectly or limiting, but -yes- of course I also used some Element ID’s.
    In this specific case the missing rules are only assigned to a class:before.
    Any other ideas or suggestions?

    Plugin Support qtwrk

    (@qtwrk)

    2 years, 9 months ago

    have you tried to use browser dev tool -> element to extract selector ?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘missing css rules after UCSS’ is closed to new replies.

Tags