
Descendant
selector is used to specify css style for the descendent of the parent element.
<style> .myGallery li { background-color: Fuchsia; border: 1px solid #c0c0c0; } </style> <body> <div style="background-color: #efefef; padding: 50px; height: 150px;"> <ul class="myGallery"> <li> <img src="../images/dotnetlogo.gif" /></li> <li> <img src="../images/iconnectin.gif" /></li> <li> <img src="../images/itfunda.gif" /></li> <li> <img src="../images/myfundalogo.gif" /></li> </ul> </div> </body>
In the above code snippet, we applied class to the <ul>
tag and the images are place inside the <li>
tags.
OUTPUT