Wildcard in UCSS Whitelist

Did you try ".*retail-*" instead of “.*retail-*”

Looks like it started to work on its own. May be did not wait long enough.

Seem OK now

Rudolf

Unfortunately, problem is back.

https://www.cheapfascinators.com.au

One can see missing icons in the header on the right.

non-optimized CSS has following selectors:

[class^=”retail-“], [class*=” retail-“]

Also, .retail-user-3-line:before 

Those are missing from generated UCSS.

In my UCSS whitelist I have:

.retail-*
.*retail-*

So, would think selectors above should be covered

• This reply was modified 1 year, 7 months ago by rudolfl.

.retail-user-3-line:before wrong css
.retail-user-3-line::before correct css

.retail-* wrong css; * is not allwed in class names.
.*retail-* same here

.retail-user-3-line:before wrong css

This is how Chrome shows it in development tools. I just copied and pasted. In HTML/CSS view :: is properly used.

Regardless, how do I target those selectors in UCSS whitelist? Basically, need every class that starts with “retail-“. So I have to list each individual class?

I can see documentation was updated recently and reference to wildcard were removed.

This is how Chrome shows it in development tools.

Chrome and every other browser displays what the stylesheet file(s) contain, regardless of whether it is wrong or right. The : is correct, but not with before and after. It is possible that some browsers support * in class names as a wildcard, but these kind of css is not valid and css parser for UCSS only supports valid css. If the parser * no longer supports it, you must specify all HTML elements with their CSS class names.

• This reply was modified 1 year, 7 months ago by serpentdriver.
• This reply was modified 1 year, 7 months ago by serpentdriver.