@nethmi I am afraid there is no way to preserve both style names in the MS Word document model, so only the first style name will be retained. Foe example if you have the styles applied like this:
<html>
<head>
<style>
.paragraph {
background-color: aqua;
}
.banner-header {
color:red;
}
</style>
</head>
<body>
<p class="paragraph banner-header">
A well-organized paragraph supports or develops a single controlling idea, which is expressed in a sentence called the topic sentence. A topic sentence has several important functions:
it substantiates or supports an essay’s thesis statement; it unifies the content of a paragraph and directs the order of the sentences; and it advises the reader of the subject to
be discussed and how the paragraph will discuss it. Readers generally look to the first few sentences in a paragraph to determine the subject and perspective of the paragraph.
</p>
</body>
</html>
Such paragraph will be exported to MS Word like this:
<w:p>
<w:pPr>
<w:pStyle w:val="paragraph" />
<w:spacing w:after="240" />
<w:rPr>
<w:color w:val="FF0000" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:color w:val="FF0000" />
<w:shd w:val="clear" w:color="auto" w:fill="auto" />
</w:rPr>
<w:t xml:space="preserve">A well-organized paragraph supports or develops a single controlling idea, which is expressed in a sentence called the topic sentence. A topic sentence has several important functions: it substantiates or supports an essay’s thesis statement; it unifies the content of a paragraph and directs the order of the sentences; and it advises the reader of the subject to be discussed and how the paragraph will discuss it. Readers generally look to the first few sentences in a paragraph to determine the subject and perspective of the paragraph. </w:t>
</w:r>
</w:p>
As you can see formatting from paragraph
styles is applied as style, and formatting from banner-header
style is applied as direct formatting of the paragraph.