Why are css styles blocked in chrome browser editor?

Question

css

I actually want to edit the style in the chrome editor via F12, but they don’t allow it

Answer 1

.title-content p takes precedence over p and Google Chrome strikes out the unused element for clarity .

Answer 2

He doesn't block. Chrome struck out the margin because there is a higher precedence rule body * .
If you uncheck the box next margin: 0to , then the lower rule will take effect. Something like this: