html - Browser does not get defined css selector -


i have following markup:

<div class="won-container">    <div class="circle b"></div>    <div class="circle b"></div>    <div class="circle b"></div>    <div class="circle b"></div>    <div class="circle b"></div>    <div class="circle r"></div> </div> 

and have defined following classes in external css stylesheet:

.won-container {     float: left; }  .circle {   width: 24px;   height: 24px;   position: relative;   margin-top: -12px; }  .won-container .b {     background-image: url('../images/circle_blue.png') ; }​ .won-container .g {     background-image: url('../images/circle_green.png'); }​ .won-container .r {     background-image: url('../images/circle_red.png'); }​ 

and turns out browser .won-container .b class showing blue image. browser not aware of .won-container .r selector. idea why?


Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -