Four ways to do component-scoped CSS without a complex build step

People have been exploring different ways to organize their CSS for almost as long as CSS has been around. In the beginning with methodologies like BEM, later with tooling like CSS modules, CSS-in-JS, and now with Tailwind . But with browsers now natively supporting CSS nesting, variables and @scope rules, let's look at four approaches to do things without resorting to complex tooling. 1. One big…