Hi holyhttp,
Thank you for your advise. Please see below exact piece of HTML code:
<html>
<head>
<title> New Document </title>
<style>
* { font-size: 8px; }
.s1 { font-size: 12px; }
.s2 { font-size: 24px; }
</style>
</head>
<body>
<p class="s1">This has style 1</p>
<p class="s2">This has style 2</p>
<p>This has no style</p>
<!--
ckEditor code begins
The below code is an auto generated code from ckeditor so we
cannot control the way the ckeditor generates HTML source code
-->
<p style="text-align: center; color: blue">
<span style="font-size: 26px">
<strong>
<span style="background-color: rgb(0,0,255)">
<span style="color: rgb(0,255,255)">
This is a problem area
</span>
</span>
</strong>
</span>
</p>
<!-- ckEditor code end -->
</body>
</html>
The first two <p> elements above here are picking its own defined style attribute
<p class="s1">
<p class="s2">
overriding global style.
* { font-size: 8px; }
But the ckEditor auto generated HTML code doesn't do so. This is my exact issue, why ckEditor code is picking the global font-size as 8px, instead of picking its own declared style in <span> element:
<span style="font-size: 26px">
Kindly suggest.
-Krishna