Question: I recently try to Copy and Paste CSS code and this occurred
this a simple copy Ctrl+c
[![enter image description here](https://i.stack.imgur.com/PA9va.png)](https://i.stack.imgur.com/PA9va.png)

and this is a simple paste Ctrl+v

[![enter image description here](https://i.stack.imgur.com/Jt2Bx.png)](https://i.stack.imgur.com/Jt2Bx.png)

but the result looks like this:

[![enter image description here](https://i.stack.imgur.com/9QYPG.png)](https://i.stack.imgur.com/9QYPG.png)

is there any way to prevent this and have simple Ctrl+c and Ctrl+v?

Answer: 
use **'copy all declarations'** or **'copy rule'** in inspect element until they fix this issue.

**copy rule**: it would copy **selectors + properties + values**

**copy all declarations**: it would copy **properties + values** not selectors

**simple copy result:**

![](https://i.stack.imgur.com/1qpaO.png)

---

**But with copy all declarations or copy rule:**

![](https://i.stack.imgur.com/TEGza.png)
**result:**

![](https://i.stack.imgur.com/isQgG.png)
**For chrome:-**

As long as you can get focus in the `Styles` pane, you can use `Ctrl` + `A` to select all, then `Ctrl` + `C` to copy as usual.

I find it's easiest to click in the bottom-right corner of one of the listed styles to avoid giving focus to a rule in the style (which would prevent you from selecting more than that rule). See the red circle in the picture below to see where I normally click. Admittedly it will usually take a few attempts; just keep trying to select all and adjusting where you click until it works.

[![enter image description here](https://i.stack.imgur.com/KgbBg.png)](https://i.stack.imgur.com/KgbBg.png)

**And for brave:-**

Go to inspect than selete what you need than `ctrl` + `c` than past it on your editor using `ctrl` + `p`

[![enter image description here](https://i.stack.imgur.com/tlju2.png)](https://i.stack.imgur.com/tlju2.png)