CODEWITHSUNDEEP
htmlcss
Gary Youell
Gary Youell

Reputation: 21

What does the :1 at the end of css mean or stand for?

I'm trying to make a simple update to a css file which, when viewed in Chrome Developer Tools, looks like this colorbox5.min.css:1 (understand that this is the minified version)

Another file at this location called colorbox.css:1

The update I'm trying to make is from:

#colorbox {outline: 0;}

to this:

#colorbox {outline: 0; color:#333;}

Editing either of these files has no effect, yet if I edit these live in Developer Tools it shows the desired effect?

Two questions then, which version is used - the minified version or the full? How do I get my update to show?

Upvotes: 2

Views: 296

Answers (1)

Morten OC
Morten OC

Reputation: 1784

:1 is the line number in the css file. Because you have a minified version of your css file, its line 1.

When you edit something in the dev tools, it will not save your file on the filesystem, unless you use a plugin that can handle it for you.

Maybe your css file is cached, so try to clear your cache and reload again. In dev tools, you can specify not to cache css/scripts file while its open.

Upvotes: 3

Related Questions