Carlos Florian Carlos Florian - 3 years ago 138
CSS Question

Inline CSS works and the same coded from stylesheet never loads

I need to display BUS numbers within a CSS styled circles with white font color. Using inline CSS for the main div that includes a span for the circle, it works fine! Then I just copied the code, pasted it into the main Stylesheet and the code was never loaded.

HTML:

<div class="busnumber22"><span class="busnum">22</span></div>


CSS for the DIV:

.busnumber22 {
width: 16px;
height: 16px;
background: #19b227;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}


and code for the Span element:

.busnum {
font-weight: 700;
color:white;
font-size:10px;
text-align:center;
line-height:15px;
display:block;
}


All the rest of items are loaded, except this one which I don't understand why it is not loaded. Any idea?

Answer Source

You may want to try

  • hard reload Or

  • empty cache & hard reload functionality provided by browsers(major)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download