インラインCSSが動作し、スタイルシートからのコードがロードされない

Question

CSSスタイルのサークル内にBUS番号を白いフォントカラーで表示する必要があります。円のスパンを含むメインdivにインラインCSSを使用すると、うまく動作します！次に、コードをコピーして、それをメインのスタイルシートに貼り付け、コードがロードされないようにしました。

HTML：span要素のための

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

やコード：DIVため

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

CSS

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

は、すべての項目の残りの部分がロードされ、これを除きます私はそれがなぜロードされていないのか分からない。何か案が？

Answer 1

あなたがやってみたいことがあり

• ハードリロード それとも

• 空のキャッシュ&（メジャー）のブラウザが提供するハードリロード機能

Answer 2

1.キャッシュを空にするとハードリロード。 - > Macユーザーのためのブラウザ

2. ⌘ + SHIFT +R

3.For Windowsユーザー：

• CTRL + シフト + R

• CTRL +R

• SHIFT +F5

---

他の方法が適用するためにCSS

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

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

<h2> Using Style Sheet </h2> 
 

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

 

 

 
<h2> Using in-line Css </h2> 
 

 
<div style="width: 16px;height: 16px; background: #19b227; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;"> 
 

 
<span style="font-weight: 700;color:white;font-size:10px;text-align:center;line-height:15px;display:block;">22</span> 
 

 
</div> 
 

 

 

 
<h2> Using <code> <style> ... </style> </code> tags </h2> 
 

 

 
<style> 
 

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

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

 

 
</style> 
 

 
<div class="busnumber1"><span class="busnum1">22</span></div>