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
Post a Comment