新しいCSSセレクタが.cssファイルに追加されていません。 FlaskとBootstrapを使用

Question

私は、ブートストラップの例（ダッシュボード）の1つを使用しています。私はPython Flaskを使用してサイトを展開しています。

Flaskを使用してstyle.cssファイルが正常に呼び出されています。

<!-- Bootstrap core CSS --> 
<link href="{{ url_for('static', filename ='bootstrap.min.css') }}" rel="stylesheet"> 

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
<link href="{{ url_for('static', filename ='ie10-viewport-bug-workaround.css') }}" rel="stylesheet"> 

<!-- Custom styles for this template --> 
<link href="{{ url_for('static', filename ='style.css') }}" rel="stylesheet"> 

自分自身のCSSセレクタをファイルに追加してHTMLで呼び出すとき以外はすべて動作します。

は、例えば、私はHTMLに

<img id="profile_picture" src="{{user[1]}}"> 

<li class="flask_msg">{{ message }}</li> 

のstyle.cssファイルに

#profile_picture { 
    width: 300px; 
    height: 300px; 
    border-radius: 150px; 
    -webkit-border-radius: 150px; 
    -moz-border-radius: 150px; 
} 
.flash_msg { 
    background: #93ff9e; 
    font-size: large; 
    font-weight: bold; 
} 

、および

を追加しました、まだ何も起こりません。

ここにはlink to the full style.cssファイルがあります。

ここはone of the HTML templatesです。

ここはt he rest of the repoです。

Answer 1

あなたのCSSは、githubで#profile_pictureのimgの子を探しています。

Answer 2

これはキャッシングの問題でした。ブラウザのキャッシュをクリアすると、ブラウザのキャッシュが機能しました。しかし、私はこの投稿がより良い解決策を提供すると信じています：Flask css not updating