⟩ Tell me what will be the output of the following HTML code <ul class="list-unstyled"> <li>Item 1</li> <li>Item 2</li> <ul> <li>Nested item 2.1</li> <li>Nested item 2.2</li> <li>Nested item 2.3</li> </ul> <li>Item 3</li> </ul>
If we apply .list-unstyled to a list, it will remove the default list-style and left margin on the list items. But only for the immediate children. Main list items will be without any style, and nested list items will still have default unordered nested list-style.