Adding CSS pseudo elements inline

Question

Is it possible to add pseudo element declaration inline. For eg. can I do the following inline ?

.XYZ:after {
content: '';
width: 100%;
display: inline-block;}

<div class="XYZ"></div> /*Pseudo element should be declarer inline*/

Answer 1

No, it is not possible to apply pseudo selectors via inline CSS, that's only possible from within <style></style> blocks or external stylesheet file.

Imagine constructing an email template with inline pseudo selector that uses content property, bad guys could have done the harm I suppose. So it is not possible.

Answer 2

No. pseudo element stylings may only be declared in an external stylesheet or inside <style></style> tags.