Foros del Web - Ver Mensaje Individual - Existe algún pseudo como :first-word?

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.