How can we use text-rendering only for a particular class in css * { text-rendering:optimizelegibility;
}
* is the universal selector. Unqualified, it matches all elements.
Use a class (or any other valid CSS) selector:
/* match a class name */ .my-class { text-rendering: optimizelegibility; } /* match an element ID */ #my-id { text-rendering: optimizelegibility; } /* match all P elements inside any element with a class name */ .my-class P { text-rendering: optimizelegibility; } See also: