PyCharm brings powerful editing support for CSS and related technologies. Among others this support includes:
- Validation and syntax highlighting.
- Code completion (Ctrl+Space).
- Editing color values.
- Indentation (Ctrl+Alt+I, Ctrl+Alt+L).
- Reformatting code with Prettier (N/A).
- Formatting (Ctrl+Alt+L) according to the code style.
- Intention actions (Alt+Enter).
- Viewing code structure (Alt+7).
- Navigation in the source code (Ctrl+B).
- Integrated documentation (Ctrl+Q).
- Search for usages (Alt+F7).
- Commenting and uncommenting lines (Ctrl+/, Ctrl+Shift+/).
- Unwrapping and removing tags (Ctrl+Shift+Delete).
- Compilation into CSS.
PyCharm parses Web contents files according to the CSS 3.0 specification. The most common selectors are supported: universal selector
*, type selectors
.a, descendant selectors
.a.b, child selectors
.a .b, ID selectors
#b, pseudo-classes and class selectors