Existe algún pseudo como :first-word?

chefnelone · #1 (**permalink**) 05/06/2009, 10:35

Hola
solo eso.

se como usar :first-letter y :first-line
pero hay algo que sea :first-word ?

O sea, para dar estilo a la primera Palabra de un párrafo.?

gracias
saludos

galizian · #2 (**permalink**) 05/06/2009, 11:08

Que yo sepa no se puede hacer nada de eso, en mi caso cuando tengo que hacer algo del estilo hago lo siguiente...
Css:

p span{

}

HTML:

AEl resto del texto

De esta forma puedes aplicar un estilo solo a la primera letra.

jomaruro · #3 (**permalink**) 06/06/2009, 14:20

Hola:

Cita:

Iniciado por galizian

AEl resto del texto

De esta forma puedes aplicar un estilo solo a la primera letra.

o así:

Código:

<p><span>Aquí el texto a resaltar</span>aquí el resto del texto</p>

Saludos.

chefnelone · #4 (**permalink**) 10/06/2009, 01:09

eso es lo que hago yo tambien. Pero resulta que ahora tomo el texto de una base de datos. Supongo que con php tendré que extraer la primera palabra y envolverla en el tag 

gracias
saludos

jomaruro · #5 (**permalink**) 10/06/2009, 14:12

Hola:

Cita:

Iniciado por chefnelone

Supongo que con php tendré que extraer la primera palabra y envolverla en el tag

Exacto.

Saludos.

buzu · #6 (**permalink**) 10/06/2009, 17:26

Puedes usar Javascript. Como lo que quieres es la primera palabra, basta con hacer lo siguiente:

fijate en este ejemplo que he creado:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Untitled</title>
    <style type="text/css">
        .primera{
            font-size: 2em;
        }
    </style>
    <script type="text/javascript">
    function primerPalabra(){
        var contenedor = document.getElementById('capa');
        var cadena = contenedor.innerHTML;
        var cadenitas = cadena.split(" ");
        var primera = document.createTextNode(cadenitas[0] + ' ');
        var span = document.createElement('span');
        span.className = 'primera';
        span.appendChild(primera);
        contenedor.innerHTML = '';
        contenedor.appendChild(span)
        cadenitas.shift();
        var resto = document.createTextNode(cadenitas.join(' '));
        contenedor.appendChild(resto);
    }
    window.onload = primerPalabra;
    </script>
</head>
<body>
    <div id="capa">
        texto de donde se estraerá la priemra palabra.
    </div>
</body>
</html>

Espero que te sirva.