[css-pseudo] Pseudo Style apply-style-this-element-only Inheritance Control styles, margin padding, background colors..

[wesleyolis]

Basically control the propagation and inheritance of styles more granular and specifically, because one is not really able to write selectors to be more specific in more complex situations it becomes difficult.
I typically see this being used with #11441

div:apply-style-this-element-only {
margin: 10px;
font-size:1.2em;
}

This would only apply the style to first div element/template and not its contained children elements.

<style>
div {
font-size:1em;
}

div.normal:apply-style-this-element-only {
font: 1.2em;
}
<style>

<div class='normal'>
Normal fontisze of 1.2em
<div >
larger fontsize of default 1 em
</div>
</div>

[fantasai]

It's not clear what problem this is solving, but it would definitely violate the transparency principle.

If you need only some content to have a larger font size, wrap that content in an element and give it the larger font size.