Aplicar dos estilos a una palabra

Hola, a pesar de mi nombre, se nota que soy nuevo en esto... al lío.

Aplico un estilo a una frase

.mio {font:italic; font-weight:bold; font-size:50px; border-color:red; border width:10px; border-style:double; }

Aplico estilo y sale ok, el problema viene cuando además quiero q la palabra "surge" tenga un color de fondo determinado.

<P> <span class="mio">¿Cómo <id="background-color:blue">surge</id> la idea?</span>AHORA</p>

No lo logro y tampoco he localizado nada en los cursos ni en el foro. He probado con span class, id, style, etc.etc. ¿Se puede hacer?
Gracias.
<P> <span class="mio">¿Cómo <span style="background-color:blue">surge</span> la idea?</span>AHORA</p>
[HTML]
Eso te tendría que valer. 
No se que son los "id" pero no creo que tengan que ver con los estilos.

PD: Bienvenido
Si que se puede. Pero no recuerdo bien ahora mismo si se hace con o sin coma. Basta con colocar los dos nombres de estilos dentro de los ID o de los CLASS

<p class="estilo1 estilo2">Este es un párrafo con dos estilos</p>

<p class="estilo1,estilo2">Este es un párrafo con dos estilos</p>

Repito que no recuerdo si es de la primera forma o de la segunda. Puedes probarlo, pero en ese caso hazlo en varios navegadores, pues creo recordar que en algunos funcionaba de ambos modos. Has de encontrar el modo para que funcione en todos, claro.

un abrazo
Buenas noches Rabs, Jorgens:
Muy agradecido por la respuesta. Para mi caso en concreto la respuesta de Rabs es la que se ajusta a lo que quería puesto que dentro del estilo de la frase, sólo una palabra aplicaba un estilo más. Genial.
Lo de Jorgens también me funciona (la primera opción, sin coma) y lo aplicaré en cuanto me sea necesario. Muchas gracias a los dos por descubrirme algo nuevo que creo no está en los cursos.
Saludos.