Стиль CSS не заполняется правильно

У меня есть приложение для флэша. Я строю, что я пытаюсь выглядеть лучше, но цвета не заполняются, как ожидалось. Любая идея, почему цвета не проходят правильно. (Я просмотрел его в IE и Chrome, и это одно и то же).Стиль CSS не заполняется правильно

Структура папок (есть и другие HTML-файлы, но они не имеют значения для воссоздания этого вопроса):

main/site_tables.py 
main/templates/view.html 
main/static/style.css

Питон код (site_tables.py) является:

#Import various necessary packages 
from flask import render_template, Flask, request 
import pandas 
from pandas.tseries.holiday import USFederalHolidayCalendar 
import datetime 
import urllib2 
import os.path 

#Start App from Flask 
app = Flask(__name__) 

#Set IP Address and Port for outputting web address 
out_IP_address = "0.0.0.0" 
out_port = 5000 

#Set location for original files being read in and edit file locations 
#Kept seperate for audit reasons 
origLoc = "C:/Orig" 
editLoc = "C:/Edit" 

#Set name of files prefix 
fileName = "Rand_Calls" 

#Define holidays for long period of time 
cal = USFederalHolidayCalendar() 
holidays = cal.holidays(start='2017-01-01', end='2030-12-31').to_pydatetime() 

#Set first empty link - tables 
@app.route("/tables/") 
#Set dynamically populated links tables/date where date is formatted YYYYMMDD 
@app.route("/tables/<date>",methods=['GET', 'POST']) 
def j_show_html(date): 
    #date provided by webaddress for example: date = "20170214" 
    #Format date to datetime 
    date2 = datetime.datetime.strptime(date,"%Y%m%d") 
    if request.method == "GET": 
     #If date hasn't occured; display why missing 
     if date2 > datetime.datetime.today() - datetime.timedelta(days=2): 
      return render_template('future.html', 
      labels = urllib2.unquote(date.encode('ascii','ignore'))) 
     #If date was a holiday; display why missing 
     elif date2 in holidays: 
      return render_template('holiday.html', 
      labels = urllib2.unquote(date.encode('ascii','ignore'))) 
     #If date was a weekend; display why missing 
     elif date2.weekday() in (5,6): 
      return render_template('weekend.html', 
      labels = urllib2.unquote(date.encode('ascii','ignore'))) 
     #Load report; if not edited before then from original location 
     else: 
      if os.path.isfile(editLoc+"/"+fileName+"_"+date+"_"+date+".xlsx"): 
       report = pandas.read_excel(editLoc+"/"+fileName+"_"+date+"_"+date+".xlsx") 
      else: 
       report = pandas.read_excel(origLoc+"/"+fileName+"_"+date+"_"+date+".xlsx") 
      return render_template('view.html', 
      tables=[report.to_html(index=False)], 
#   titles = ['na'], 
      labels = urllib2.unquote(date.encode('ascii','ignore'))) 

#Call the app 
if __name__ == "__main__": 
    app.run(host=out_IP_address,port=out_port,debug=True)

HTML-файл (view.html) является:

<!-- Jinja2 code for table page creation --> 
<!doctype html> 
<title>{{labels}}</title> 
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}"> 
<div class=page contenteditable=""> 
    <h1>QA_Report_{{labels}}</h1> 
    {% for table in tables %} 
    {{ table|safe }} 
    {% endfor %} 
</div>

Файл CSS является (style.css) является:

body   { font-family: sans-serif;} 
a, h1, h2  { color: #d03027; } /*Color = Specific Red */ 
h1, h2   { margin: 0; } 
h1    { border-bottom: 2px solid #ceccd0; } /*Color - Light Grey*/ 
h2    { font-size: 1.2em; } 

table.dataframe, .dataframe th, .dataframe td 
{ 
    border: none; 
    border-bottom: 1px solid #ceccd0; /*Color = Light Grey*/ 
    border-collapse: collapse; 
    text-align:left; 
    padding: 10px; 
    margin-bottom: 40px; 
    font-size: 0.9em; 
} 

tr:nth-child(odd)  { background-color:#ffffff; } /*Color = White   */ 
tr:nth-child(even) { background-color:#004977; color:#ffffff; } /*Color = Specific Blue */ 
tr:hover   { background-color:#d03027; } /*Color = Specific Red */

источник

2017-02-21 JJFord3

В чем он должен быть похож? –

То же самое, но цвета, обозначенные в CSS, должны приводить к другому визуальному виду. Я прокомментировал CSS, чтобы показать, какими должны быть цвета. – JJFord3

Разобрался вопрос.

Веб-страница была кеширована. Я очистил историю браузера, и произошли изменения. (Перезагрузка страницы с помощью Ctrl + Shift + R позволит также вносить новые изменения).

Опубликовать это как ответ в случае, если это поможет любому, кто работает в той же проблеме.

источник

2017-02-21 19:50:58 JJFord3

Возможно, также было, что ваш стиль.css не загружался. В будущем было бы полезно, если бы вы разместили структуру своего проекта и где находится каждый файл. Кроме того, людям было бы проще, если бы вы указали имена файлов в фрагментах кода. – swbandit

Спасибо. Меняющиеся цвета строк подсказывали мне, что что-то загружается, но я вижу ваши точки и обновляю вопрос. – JJFord3

Стиль CSS не заполняется правильно

ответ

Смежные вопросы