I have an EPiServer site with an editor styling set for the html editor. When my editors copy and paste formatted text from another source and attempt to style it with the css below the css applies to a far too large portion of the text, even if I actively select it.

CSS:

p.quote {
  ChangeElementType: true;
  EditMenuName: Citat;
  border-left: 5px #e30085 solid;
  padding-left: 17px;
  display: block;
  font-family: Arial, sans-serif;
  line-height: 1.42857143;
}

I have been able to reproduce the problem with the content of this word document: https://www.dropbox.com/s/mvrspkn7dced521/Example%20data.docx?dl=0

If I copy paste the contents of the document the first 2 parts (heading and first text) is regarded as a complete element. This is sort of fine, although I'd like the bold part to be separate. The worst part is that the entire rest of the document is regarded as one element so it all gets changed when I add the styling.

Is this intended behaviour? If it is, I would love it if anyone could suggest a simple workaround for my editors :)