Nesting CSS Classes | Loop and Break

CSS classes can be nested easily as :
<!DOCTYPE html>
<html>
    <head>
        <style>
            .search 
			{
				color:#F00;
				
            } 
			.search .results 
			{
				color:#09C;
            
			} 
			.search .results a 
			{
				color:#C30;
            } 
			.search .results a span 
			{
				color:#F6C;
            }
        </style>
    </head>
    <body>
        <a href="http://www.loopandbreak.com/">
        	No Style Applied
		</a>
        <div class="search">
            First Line 
            <br>
            <div class="results">
                Second Line 
                <br>
                <a href="http://www.loopandbreak.com/">
                	Ayunor <span><br>Learning</span>
                </a>
            </div>
        </div>
    </body>
</html>
Categories
