COmo seleccionar este TAG?

dolmance · #1 (**permalink**) 25/04/2006, 15:33

Hola a todos,
necesito seleccionar el ultimo paragrafo de una capa contenedora donde despues de este ultimo hay otros tags (h3+h4). Esto no sirve:

div > P:last-child

por culpa de existir esos otros tags al final.

No puedo poner class ni id porque el codigo lo crea una CMS. La unica cosa que podria hacer es poner fuera de los P otra capa contendedora pero no me gustaria tener que hacerlo.

Estoy seguro que con alguna combinacion CSS2 se puede llegar a seleccionar este ultimo P . Alguien sabria decirme como???

Miuchas gracias!

Jorolo · #2 (**permalink**) 25/04/2006, 15:46

hola dolmance.

Sería laborioso dar una respuesta teórica.

¿Qué tal si pones algo de código y jugamos un rato?

dolmance · #3 (**permalink**) 25/04/2006, 15:53

OK, ahí va. Pongo en rojo el parágrafo al que quiero darle atributos:

<div>
<P>Parágrafo 1</P>
<P>Parágrafo 2</P>
<P>Parágrafo 3</P>
<P>Parágrafo 4</P>
<P>Parágrafo 5</P>
etc...
<P>Parágrafo N</P>
<h3>Heading 3</h3>
</div>

Jorolo · #4 (**permalink**) 25/04/2006, 17:11

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title lang='es'>relacionando hermanos adyacentes ej.01</title>

<style type="text/css">
p + p + p + p + p + p { border: solid red 1px; } /* esta linea es lo que pedias */
p + p + p + p + p { border: solid blue 1px; text-align: left;} /* el resto para que se entienda */
p + p + p + p { border: solid orange 1px;}
p + p + p { text-align: right; } /* fijaros en esta linea, puede ser un inconveniente o una ventaja */
</style> </head>
<body>
<h1>El peor metodo posible</h1>
<p>relacionando hermanos sin id, ni clases ni nada.</p>

<hr>
<div>
<P>Parágrafo 1</P>
<P>Parágrafo 2</P>
<P>Parágrafo 3</P>
<P>Parágrafo 4</P>
<P>Parágrafo 5</P>

<P>Parágrafo N</P>
<h3>Heading 3</h3>
</div>

</body> </html>

dolmance · #5 (**permalink**) 26/04/2006, 00:40

Hola,
gracias pero este método no me soluciona el problema. EL número de P es indeterminado, por eso nio puedo sumar P+P+P... ya que el total varía segun el contenido del CMS.
Estoy seguro que mediante una inteligente combinacion de selectors podemos seleccionar ese ultimo P anterior al H3.
A alguien se le ocurre como?

AlZuwaga · #6 (**permalink**) 26/04/2006, 09:36

¿Y no tenés ninguna posibilidad de modificar el CMS para agregarle un ID o un class al último <p>?

dolmance · #7 (**permalink**) 26/04/2006, 09:50

no, lo que si podria hacer es añadir una div que contenga los P y entonce si que funcionaria:

div > P:last-child

no obstante, me gustaria poder hacerlo sin tener que añadir una div extra... si es que es posible.

AlZuwaga · #8 (**permalink**) 26/04/2006, 10:07

Disculpá que insista, pero si podés agregar un <div>, todo me indica que podés modificar el CMS. Entonces ¿por qué no podrías agregarle un ID?

No es por ser pesado :) sólo quiero tratar de entender tu problema.