Merge pull request #2073 from syncfusion-content/ES-999797_CSS_Selector

ES-999797-Added CSS Selector subpage under Word to HTML conversion in DocIO UG

Author: MathanKumarVaradhaRajaPerumal

Document-Processing/Word/Word-Library/NET/faqs/word-document-faqs.md

@@ -293,8 +293,6 @@ DocIO is a non-UI component that provides a comprehensive document object model
 
 If you encounter a **Wrong signature** exception while attempting to open an XML file using DocIO, it likely indicates that the XML file is not in the supported Word Processing 2007 or 2003 format. DocIO specifically supports these XML formats. To resolve this issue, please verify that the input XML file adheres to the Word Processing 2007 or 2003 format.
 
-For more information on Word Processing XML, refer to the documentation [here](https://help.syncfusion.com/document-processing/word/word-library/net/word-file-formats#word-processing-xml-xml).
-
 ## How to set the current culture while running the .NET application?
 
 If you notice that certain content in a Word document, such as dates or other culture-sensitive fields, is displayed in the wrong language or format, it could be due to the culture settings of your application. To ensure that the application displays content according to a specific culture, you can set the current culture programmatically.
@@ -674,10 +672,8 @@ This is because a Word document is a flow-based document, where contents are not
 
 DocIO is a non-UI component that provides a full-fledged document object model to manipulate the Word document contents based on file-level information. Hence, it is not feasible to retrieve the position of an element within a Word document using DocIO.
 
-#Sensitivity Labels in Word Documents
-
-##Does DocIO support sensitivity labels?
+## Does DocIO support sensitivity labels?
 No, Sensitivity labels are organization-level settings and are not stored within the word document itself. Therefore, DocIO does not support applying or preserving sensitivity labels.
 
-##Can DocIO Open a Document with Sensitivity Labels Applied?
+## Can DocIO Open a Document with Sensitivity Labels Applied?
 If a document is encrypted due to its sensitivity label configuration, DocIO cannot open it because the content is stored in an encrypted format and requires an authorized Microsoft account for access.

Document-Processing/Word/Word-Library/NET/html.md

@@ -248,6 +248,86 @@ N> Calling the above event is mandatory in ASP.NET Core, UWP, and Xamarin platfo
 
 * [How to get image from URL while opening HTML in .NET Core targeting applications?](https://www.syncfusion.com/kb/13053/how-to-get-image-from-url-while-opening-html-in-asp-net-core)
 
+### Supported CSS Selector in DocIO
+
+CSS selectors are used to select the HTML elements you want to style and apply a set of CSS rules.
+
+N> DocIO supports only internally defined CSS selectors during HTML conversion and does not support external CSS selectors referenced in the HTML file.
+
+<table>
+<tr>
+    <td><strong>Selectors</strong></td>
+    <td><strong>CSS Code</strong></td>
+    <td><strong>HTML</strong></td>
+</tr>
+<tr>
+    <td>Element Selector</td>
+    <td>p {
+    color: yellow;
+    font-size: 36px;
+    }
+    </td>
+    <td><code>&lt;p&gt;This is Element selector Paragraph&lt;/p&gt;</code></td>
+</tr>
+<tr>
+    <td>Class selector</td>
+    <td>.highlight {
+    color: red;
+    font-size: 18pt;
+    }
+    </td>
+    <td><code>&lt;p class="highlight"&gt;This is a class selector Paragraph&lt;/p&gt;</code></td>
+</tr>
+<tr>
+    <td>ID selector</td>
+    <td>#demo-id {
+    color: #1a73e8;
+    font-size: 22pt;
+    font-weight: 600;
+    }
+    </td>
+   <td><code>&lt;p id="demo-id"&gt;This is ID Selector paragraph&lt;/p&gt;</code></td>
+</tr>
+<tr>
+    <td>Group Selectors</td>
+    <td>h2, .group-title {
+    color: green;
+    font-size: 20pt;
+    }
+    </td>
+    <td>
+      <code>&lt;h2&gt;Group Selector Example&lt;/h2&gt;<br>
+      &lt;p class="group-title"&gt;Paragraph styled by group selector.&lt;/p&gt;</code>
+    </td>
+</tr>
+<tr>
+    <td>Compound Selectors</td>
+    <td>p.compound {
+    color: orange;
+    font-size: 26pt;
+    font-weight: bold;
+    }
+    </td>
+    <td><code>&lt;p class="compound"&gt;Paragraph for Class + Compound&lt;/p&gt;</code></td>
+</tr>
+<tr>
+    <td>Descendant Selectors</td>
+    <td>div p {
+    color: #5f7000;
+    font-style: italic;
+    font-size: 18px;
+    }
+    </td>   
+    <td>
+      <code>&lt;div&gt;<br>
+      &nbsp;&nbsp;&lt;p&gt;Descendant Selector: Paragraph inside a div.&lt;/p&gt;<br>
+      &lt;/div&gt;</code>
+    </td>
+</tr>
+</table>
+
+You can download a complete working sample that includes all these CSS selectors from [GitHub](https://github.com/SyncfusionExamples/DocIO-Examples/tree/main/HTML-conversions/Convert-HTML-with-CSS-Selctor-to-Word)
+
 ## Convert Word to HTML
 
 The following code example shows how to convert the Word document into HTML.