CSS namespace / scope definition

Question

I want to apply the rules in the CSS file to a specific div / class, therefore, for example, the contents of events.css applies only to the contents of the class named .events and not outside this area without the need to add the .events class to the beginning of each CSS rule.

I think this is impossible, but you never know.

If not, I'm thinking of achieving the same effect, prefixing .events to CSS rules after they have been loaded / edited. I think this should be pretty hopeless, but does anyone see any problems?

Answer 1

I think this is not possible though

. iframe. -.

, .events CSS , /. , , - - ?

? CSS, , .

, , :

/* This is my grate CSS
.sausage { color: red; } adds a class rule
/*/ .eggs, .bacon { color: red; }
.potato:before { content: "; }
.beans { content: "; }

- CSS. .eggs, .bacon .potato .events. .sausage .beans .

Answer 2

, , . CSS , / . , - - ?

.

Answer 3

".event" CSS. , , , , , .

Answer 4

, - .events.

, , .events , . , .events.special .aboutus.special, .

, , . ( gzip , .)

Answer 5

'.events' . , . CSS.

, , , .