Css chrome dev tool question

Hi,
Here is the page in question http://www.theatticbanwell.co.uk/slideshow.html

I am learning to use Chrome dev tools more now & getting on fine.
BUT
Sometimes i come across the example photo shown below and i need to start looking through all my css files to loacte it.
As you can see below it shows .rg-image
My css files are as follows.
Demo, Elastislide, reset, style
My question is,How do i use/read dev tools to tell me which file to open so i dont have to look in all of them ?


Attachment 6261

In some cases i do see style,css.128 which is great but not in the example above.

Many thanks if you could advise.

You shouldn't be seeing this:

TMPdurg83.htm:192

I have a feeling you're not looking at your actual page. You should be seeing what I'm seeing (which means the style.css file line 13):

style.css:13

Are you looking at the live page?

It's possible there's some setting in Chrome that makes it create and look at a temporary file, but, if so, I'm not sure where that is. Make sure you're looking at the actual page first.

Hi,
You were correct.
It only happens when looking at a f12 preview.

Looking at a live site of the same works as it should.

Thanks