css o html5 para el primer y último elemento

Los usuarios pueden ingresar descripciones que pueden incluir párrafos o listas. O simplemente pueden ingresar texto sin encerrar<p> o<ul> elementos. Lo que necesito hacer es eliminar la mayor parte del relleno y el margen sobre el primer elemento y debajo del último elemento para que el usuario ingreseel contenido tiene un bonito borde apretado a su alrededor. Entonces podría hacer uno de los siguientes:

Use una regla CSS que no conocía para apuntar solo al primer y último elementoUse css3 o html5 (supongo que hay algo dentro de estos para hacer fácilmente lo que quiero) y espero que todos actualicen sus navegadores lo antes posible, mientras que los navegadores más antiguos solo obtienen una versión un poco más fea de la páginaEncuentre el primer y último elemento con Javascript y modifíquelo en consecuenciaModifique el html para agregar una clase como<p class="first">

Idealmente, la primera solución existe, ¿verdad? Estoy de acuerdo con la segunda solución, si no, ¿existe? Los últimos 2 no me importan ...

ACTUALIZAR: no me importa IE6. Pero necesito lidiar con la situación de que si solo hay texto para comenzar, sin ningún tipo de texto<p> o<ul> u otros elementos, entonces en realidad no se necesita hacer nada especial para el margen superior / relleno.

Respuestas a la pregunta(4)

Su respuesta a la pregunta