<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
{% block styles %}
{{super()}}
<link rel="stylesheet"
href="{{url_for('.static', filename='mystyle.css')}}">
{% endblock %}
#link it in html
<link rel= "stylesheet" type= "text/css" href= "{{url_for('static', filename='styles/styles.css') }}">
#place a config for your app so that browser doesn't store cashe, if this doesn't update your css clear browser cash for last {x} hours
if __name__ == '__main__':
app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 1
app.run()
#make sure that your directory looks something like this...
|root|
MainFileWithFlaskProgram.py
|static|
|styles|
styles.css
|templates|
YourHTMLFile.html
Code Example |
---|
Css :: use svg icon to before after |
Css :: Input with File type css override |
Css :: border shorthand css |
Css :: fonmt family css |
Css :: css background image not working |
Css :: color td first row css |
Css :: center background image css |
Css :: vuetify width of textfield |
Css :: css background text clip |
Css :: css to increase font size |
Css :: box shadow all sides |
Css :: sass use variables from another file |
Css :: call css html |
Css :: nesting in sass |
Css :: how to specify number of characters in css |
Css :: zoom background image css |
Css :: nprogress css |
Css :: css scale |
Css :: jquery css unset(remove) certain style |
Css :: facebook box-shadow css |
Css :: htaccess file extension |
Css :: line icon |
Css :: css animations |
Css :: id ends with css |
Css :: css grayscale image |
Css :: css linear gradients |
Css :: css border |
Css :: truncate multiline text |
Css :: css change background color on hover |
Css :: box sizing css |