p:nth-child anidado en una tabla

[loncho_rojas]

Buenas.

Lo unico que necesito es que la etiqueta P donde está el teléfono cambie de color.

El problema es que está dentro de una tabla X y cuando intento aplicar el estilo, no lo reconoce. Alguna idea de por qué? No puedo poner solo p:nth-child porque tengo otros parrafos.

Ejemplo de HTML:

Código HTML:

<tr>
<td class="column-1">
<p>INATEC SIKA PARAGUAY</p>
<p>Teléfono/s: 292-434, 299-789</p>
<p>Página web: www.inatec.com.py</p>
</td>
</tr> 

Ya intenté esto con CSS:

Código CSS:

td:first-child  p:nth-child(2) {
    color: #FF0000;
 
}
 

Tambien esto:

Código CSS:

td p:nth-child(2) {
    color: #FF0000;
 
}
 

No me agarra el estilo... una manita pls para entender.

[Ratus-BROWN]

Hola loncho_rojas, ¿Has intentado ponerle un Id o un Class al párrafo y acceder con la regla css?

Saludos.

[loncho_rojas]

Si, lo he intentado y no me reconce, no se si es algo inherit del nth-child. He intentado de muchas maneras y no lo logro, por id, class, por anidaciones, etc... creo que no se puede... no se.

[Rafael]

Hum. a mí claramente si lo agarra.

El segundo renglón de la primer celda.

https://jsfiddle.net/hvp96upL/1

[Iballa]

loncho_rojas, ¿estás usando bootstrap o algún otro css framework que te pise los estilos personales?
edito: también hay que tener en cuenta que :nth-child(2) no es soportado por versiones antiguas de safari 2.x y 3.0 y opera 9.1 y como no, algunas de ie.