# Code Editor (Code tab)

When the CSS window of an element is [pinned](/inspecting/comparing-multiple-elements-at-the-same-time.md) (by pressing the **space bar key** or by clicking on **"Edit or inspect element's CSS"** on the [Select mode](/inspecting/choosing-what-happens-when-you-click-on-an-element.md)), you can start editing the CSS of the specific element and see the changes in real-time:

![](/files/Hith8xsXlfx9NJCKdCS8)

You can remove/add declarations and also edit @media queries, @keyframes animations, pseudo-classes, and pseudo-elements (such as :hover, :before, etc).

It smartly suggests autocompletes for CSS properties and values, and it has checkboxes to easily toggle each declaration.

 All changes are tracked and shareable. To learn more about it, check:

{% content-ref url="/pages/-MTdBfNCTLJYCIevIXON" %}
[Handling CSS changes](/editing/handling-css-changes.md)
{% endcontent-ref %}

### Easily change colors

You can also easily change colors on the Code Editor. To do that, just click on the color preview to edit it:

![Tints and shades, opacity, hue, color syntaxes, color eyedropper, everything you need](/files/Lf6uwPfSIyVzbKwh0vm5)

It's a complete color picker that suggests tints and shades in real-time so that you can quickly try darker or lighter colors, and comes with an eyedropper so that you can pick any color from the screen (even if it's from an image, for example).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.csspro.com/editing/code-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.