Chrome Developer Tools - Where is the (index) styl

Question

I was modifying a theme for a WordPress based site, the Anew theme to be specific. Although I changed the theme options - style.css file and custom.css file, I couldn't change the color of the links.

Then I used Chrome's Developer Tools to check where my rules were overridden. The overriding rule was on an (index) file, with parenthesis. With no relevant information on the internet, I decided to take a look at it later.

After some hours, all my changes were committed and now it shows the new color. But I am still curious about this (index) file. Is it a script-added rule?

Answer 1

It is probably CSS embedded in the HTML (style tags in the head), either as part of the markup or added dynamically via JS (or possibly by PHP when the page is rendered).

Need more info to give any answer more specific than that.

Answer 2

When you see index it means the page you're on. The CSS is directly embedded into the page instead of in a separate file.