PyCharm 2017.1 Help

Viewing Styles Applied to a Tag

This feature is supported in the Professional edition only.

For HTML, XHTML, files, PyCharm suggests a way to explore all styles applied to an arbitrary tag.

The results for each tag are displayed in the dedicated tabs of the CSS Styles tool window. Using this tool window, you can view the list of styles applied to a tag, and the definition of these styles. Besides that, you can navigate from style to the corresponding tag in the source code.

To show styles that are used for a tag

  1. Open the desired file in the editor, and right-click the tag you want to explore for applied styles.
  2. On the context menu, choose Show Applied Styles for Tag.
  3. View results in a dedicated tab in the CSS Styles tool window:
    img

See Also

Last modified: 26 July 2017