ReSharper 8.0 Web Help

Navigation within css file

File Structure and Go to File Member are both available in CSS files, so you can navigate to an element from the editor or File Structure window:
ReSharper_by_Language__CSS__File_Structure
These navigation features fully support lowerCamelCase search, enabling you to instantly land at selectors with tricky names, like this:
ReSharper_by_Language__CSS__Navigation__Go_to_File_Member

Navigation between css and markup files

There are several methods you can use to navigate from a CSS file to a markup file and vice versa. For instance, you can invoke Navigate to usage on a CSS selector or class and navigate to a usage inside markup file:
ReSharper_by_Language__CSS__Navigation__Usages_of_Symbol
As an alternative, you can choose Matched Tags from the Navigate To context menu in order to navigate to tags that match chosen CSS element.
ReSharper_by_Language__CSS__Navigation__Matched_Tags_01
ReSharper_by_Language__CSS__Navigation__Matched_Tags_02
In order to navigate from a markup file to a CSS file, you can use the Go To Declaration feature:
ReSharper_by_Language__CSS__Navigation__Go_to_Declaration

Search

You can easily find where a certain CSS property or selector is used both within the current file and in a larger scope. For example, when you have multiple CSS files in your solution, applying Find Usages over a selector in one of these files finds all occurrences of the selector in all remaining files:

ReSharper_by_Language__CSS__Find_Results

ReSharper also can highlight usages:

ReSharper_by_Language__CSS__Navigation__Highlight_Usages

Viewing hierarchy

ReSharper comes with a handy view that allows you to see the whole hierarchy of css selectors. For each selector in the hierarchy you can quickly view its definition.

ReSharper_by_Language__CSS__Hierarchy

See Also

Procedures:

Reference: