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