Viewing the Styles Applied to a Tag
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
Open the desired file in the editor, and right-click the tag you want to explore for applied styles.
From the context menu, choose.
View results in a dedicated tab in the CSS Styles tool window: