#div css element not loading

1 messages · Page 1 of 1 (latest)

sweet onyx
#

first image is local, second tuneld

#

index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Website</title>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="style.css">

<body>
<div id="box1">hi</div>
</body>
</html>

style.css
#box1{
border:4px solid;
width:250px;
height:250px;
font-size: 225px;
text-align: center;
background:lightskyblue;
transform:rotatez(45deg);
}

marble carbon
#

where's your </head>

#

also reproduction link please

sweet onyx
#

is that just my site link?

marble carbon
#

yes

sweet onyx
marble carbon
sweet onyx
#

...

#

ill try other browser

sweet onyx
#

for first timei load site everything is normal but wen i change something css dosent update

image.png
#

on local

image.png
#

style.css
#box1{
border:4px solid;
width:250px;
height:250px;
font-size: 225px;
text-align: center;
background:lightskyblue;

transform:rotatez(0deg);

}
#box2{
border:4px solid;
width:250px;
height:250px;
font-size: 225px;
text-align: center;
background:lightskyblue;

transform:rotatez(-45deg);

}

marble carbon
#

because cloudflare is caching your CSS

sweet onyx
#

it should be "MISS"?

marble carbon
sweet onyx
#

i used Bypass Cache for Everything [Template] rule

#

is this correct?

image.png
sweet onyx
#

even wen i purge eveerything css dosent update

marble carbon
#

just use this

ma5AQ2k.png
#

your browser could also be caching it

#

try doing shift-ctrl-r instead of just ctrl-r to clear cache

sweet onyx
#

finaly it worked