Remove html text after an element

I would like to remove the text that appears after a spanned element as seen below.   I've added the ::after but it adds text or styling after the referenced element.   I would like to change or remove the text directly after.  The pseudo sibling did not seem to work + but it may have been my syntax.

<p>Text<span id="ID"> Spanned Text</span> Want to change this Text</p>

Tried:

#ID + {
    visibility: hidden;
}

#ID ::after {
    visibility: hidden;
}