Foglio di stile che non aggiorna pagina PHP

Buongiorno
ho creato un semplice foglio di stile che richiamo nella pagina php tramite il tag Link

<link rel="stylesheet"  type="text/css" href="../notezappellini/css/stilenote.css"/>

il foglio di stile è questo:

p {border: 1px solid red;}
body {background-color: red;}
	 body {font-family: calibri, verdana, arial;}
   div.box
	{
      width:70% !important;  width /**/:200px;
      height:300px !important; height /**/: 200px;
      padding: 2px;
      border:1px solid #C0E1FF;
      background-color: white;    
      overflow:auto
	}
	
    div.boxpiccolo
    {
      width:70% !important;  width /**/:200px;
      height:25px !important; height /**/: 200px;
      padding: 2px;
      border:1px solid #C0E1FF;
      background-color: white;   
	}

Qualsiasi modifica che faccio nel foglio non viene assolutamente "recepita" dalla pagina php.

Qualcuno mi sa spiegare il motivo?

Grazie

Massimo

[alemoppo]

Probabilmente si tratta della cache. Presta attenzione anche al discorso a fondo pagina riguardo CloudFlare.

Ciao!

Prima di tutto grazie per la risposta.
Anche io avevo un sospetto perchè la prima volta che ho eseguito la pagina era andato tutto ok, inoltre il codice se lo scrivo direttamente nella pagina php funziona.
Ora ho seguito le tue indicazioni e ho attivato la modalità di sviluppo in CloudFare, ho chiuso e riaperto ma continuo ad avere lo stesso problema.
E' veramente imbarazzante....

Confermo essere un problema di altervista, infatti usando localhost sul mio pc funziona perfettamente!!

[alemoppo]

Hai anche vuotato la cache del browser? Puoi indicare la pagina?

Le modifiche si aggiornano istantaneamente, salvo cache (del tuo browser e di CloudFlare).

Ciao!

Ho vuotato la cache del browser e di CloudFare ma purtroppo rimane tutto come prima.

La pagina è la seguente: http://bustometeo.altervista.org/not...lini/index.php

[alemoppo]

Io il css lo vedo così:

p {border: 1px solid red;}
body {background-color: red;}
	 body {font-family: calibri, verdana, arial;}
   div.box
	{
      width:70% !important;  width /**/:200px;
      height:300px !important; height /**/: 200px;
      padding: 2px;
      border:1px solid #C0E1FF;
      background-color: white;    
      overflow:auto
	}
	
    div.boxpiccolo
    {
      width:70% !important;  width /**/:200px;
      height:25px !important; height /**/: 200px;
      padding: 2px;
      border:1px solid #C0E1FF;
      background-color: white;   
	}

Come lo vedi? e come dovrebbe essere?

Ciao!

Ho risolto cambiando completamente nome...

Grazie!